:root{--font-family: "PingFang SC", "Microsoft YaHei", sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:#0d0e15;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.theme-magic{--bg-gradient: linear-gradient(135deg, #1a0b2e 0%, #0c051c 100%);--card-bg: rgba(26, 15, 46, .75);--accent-color: #d4af37;--accent-glow: rgba(212, 175, 55, .4);--btn-num-bg: rgba(255, 255, 255, .07);--btn-num-hover: rgba(255, 255, 255, .15);--btn-num-text: #e0d5ff;--btn-op-bg: rgba(138, 43, 226, .3);--btn-op-text: #cda4ff;--btn-func-bg: rgba(255, 255, 255, .1);--btn-func-text: #a594f9;--equal-bg: linear-gradient(135deg, #8a2be2 0%, #4a0e80 100%);--equal-text: #ffffff;--text-main: #f0e6ff;--text-sub: #a292be;--glow-color: #8a2be2}.theme-cyber{--bg-gradient: linear-gradient(135deg, #05050a 0%, #0d0d1a 100%);--card-bg: rgba(10, 10, 20, .85);--accent-color: #00f0ff;--accent-glow: rgba(0, 240, 255, .4);--btn-num-bg: rgba(0, 240, 255, .05);--btn-num-hover: rgba(0, 240, 255, .15);--btn-num-text: #00f0ff;--btn-op-bg: rgba(255, 0, 127, .2);--btn-op-text: #ff007f;--btn-func-bg: rgba(255, 255, 255, .05);--btn-func-text: #ffffff;--equal-bg: linear-gradient(135deg, #ff007f 0%, #7b00ff 100%);--equal-text: #ffffff;--text-main: #00f0ff;--text-sub: #7b00ff;--glow-color: #ff007f}.theme-candy{--bg-gradient: linear-gradient(135deg, #ffeef8 0%, #e6f0fa 100%);--card-bg: rgba(255, 255, 255, .9);--accent-color: #ff6b8b;--accent-glow: rgba(255, 107, 139, .3);--btn-num-bg: #fdf2f4;--btn-num-hover: #fcdde3;--btn-num-text: #ff6b8b;--btn-op-bg: #e6f2ff;--btn-op-text: #3399ff;--btn-func-bg: #f0f0f0;--btn-func-text: #666666;--equal-bg: linear-gradient(135deg, #ff6b8b 0%, #ff8e53 100%);--equal-text: #ffffff;--text-main: #4a4a4a;--text-sub: #8a8a8a;--glow-color: #ff6b8b}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-gradient);transition:background .5s ease;position:relative;overflow:hidden}.background-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);opacity:.15;filter:blur(80px);pointer-events:none;animation:floatGlow 10s infinite alternate}@keyframes floatGlow{0%{transform:translate(-10%,-10%) scale(1)}to{transform:translate(10%,10%) scale(1.2)}}.calculator-card{width:380px;background:var(--card-bg);border-radius:24px;padding:24px;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;z-index:10;transition:all .3s ease}.header-bar{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:var(--text-main)}.sparkle-icon{color:var(--accent-color);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-selector{display:flex;gap:6px;background:#0003;padding:4px;border-radius:20px}.theme-btn{background:transparent;border:none;font-size:1.1rem;padding:4px 8px;cursor:pointer;border-radius:50%;transition:transform .2s,background .2s}.theme-btn:hover{transform:scale(1.2)}.theme-btn.active{background:#ffffff26;box-shadow:0 0 10px var(--accent-glow)}.display-screen{background:#00000040;border-radius:16px;padding:20px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;border:1px solid rgba(255,255,255,.05)}.expression-box{font-size:1.4rem;color:var(--text-sub);word-wrap:break-word;word-break:break-all;max-width:100%;text-align:right;min-height:1.8rem}.result-box{display:flex;align-items:center;gap:8px;margin-top:10px}.equal-sign{color:var(--accent-color);font-size:1.8rem;font-weight:700}.result-text{font-size:2.4rem;font-weight:700;color:var(--text-main);text-shadow:0 0 10px var(--accent-glow)}.ai-assistant-panel{background:#ffffff0d;border-left:4px solid var(--accent-color);border-radius:8px;padding:12px;font-size:.9rem}.ai-avatar{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--accent-color);margin-bottom:4px}.ai-sparkle{animation:pulse 1.5s infinite alternate}.ai-text{color:var(--text-main);margin:0;line-height:1.4}.quick-actions{display:flex;justify-content:space-between;gap:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:8px;border-radius:12px;font-size:.85rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffffff1f;border-color:var(--accent-color)}.history-drawer{background:#0000004d;border-radius:12px;padding:12px;max-height:150px;overflow-y:auto}.history-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-sub);margin-bottom:8px}.clear-history-btn{background:transparent;border:none;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;gap:4px}.clear-history-btn:hover{color:var(--accent-color)}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:6px;background:#ffffff05;border-radius:6px;cursor:pointer;font-size:.85rem}.history-item:hover{background:#ffffff14}.hist-expr{color:var(--text-sub)}.hist-res{color:var(--accent-color);font-weight:700}.hist-time{font-size:.7rem;color:#ffffff4d}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.key{height:60px;border-radius:16px;font-size:1.4rem;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .15s ease}.key:active{transform:scale(.92)}.key-num{background:var(--btn-num-bg);color:var(--btn-num-text);border:1px solid rgba(255,255,255,.03)}.key-num:hover{background:var(--btn-num-hover);box-shadow:0 0 10px #ffffff0d}.key-operator{background:var(--btn-op-bg);color:var(--btn-op-text)}.key-operator:hover{filter:brightness(1.2)}.key-func{background:var(--btn-func-bg);color:var(--btn-func-text)}.key-func:hover{filter:brightness(1.2)}.key-magic-equal{background:var(--equal-bg);color:var(--equal-text);grid-row:span 1;box-shadow:0 4px 15px var(--accent-glow)}.key-magic-equal:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--accent-glow)}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.pulse{animation:pulse 1s infinite alternate;color:var(--accent-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}