.calculator-wrapper{max-width:500px;margin:0 auto;background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.display-section{margin-bottom:20px}.display-wrapper{display:flex;gap:8px;align-items:stretch}.expression-history{padding:6px 12px;min-height:20px;font-size:14px;font-weight:500;color:var(--text-secondary);font-family:'Courier New',monospace;word-break:break-all;text-align:right;margin-bottom:4px;opacity:0;transition:opacity 0.2s ease}.expression-history.visible{opacity:1}.display{flex:1;padding:16px 12px;font-size:28px;font-weight:700;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);text-align:right;font-family:'Courier New',monospace;box-sizing:border-box}.display::-webkit-outer-spin-button,.display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.display[type=number]{-moz-appearance:textfield}.btn-copy{width:auto;height:auto;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.btn-copy:hover{background:var(--primary-color);border-color:var(--primary-color);color:white}.btn-copy:active{transform:scale(0.95)}.btn-copy-success{background:#27ae60 !important;border-color:#27ae60 !important;color:white !important}.copy-icon{display:block}.session-step{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px;color:var(--text-secondary)}.step-expr{color:var(--text-primary);flex-shrink:0}.step-equals{color:var(--primary-color);font-weight:600}.step-result{color:var(--primary-color);font-weight:600}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.calc-btn{padding:12px 8px;font-size:16px;font-weight:500;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all 0.2s ease;min-height:44px}.calc-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.calc-btn:active{transform:scale(0.98);background:var(--primary-color);color:white}.btn-operation{background:rgba(44,62,80,0.1);color:var(--primary-color);font-weight:600}.btn-operation:hover{background:rgba(44,62,80,0.2)}.btn-function{background:rgba(52,73,94,0.1);color:var(--text-secondary)}.btn-function:hover{background:rgba(52,73,94,0.2)}.btn-equal{background:var(--primary-color);color:white;font-weight:600;grid-column:span 1}.btn-equal:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-equal:active{background:var(--primary-color);color:white}.btn-science{background:rgba(76,99,166,0.1);color:#4c63a6;font-size:13px;display:none}.btn-science:hover{background:rgba(76,99,166,0.2)}#zeroBtn{grid-column:span 2}.mode-toggle{padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:12px}.toggle-label{display:flex;align-items:center;cursor:pointer;user-select:none}.toggle-input{width:16px;height:16px;margin-right:8px;cursor:pointer}.toggle-text{color:var(--text-primary);font-size:14px}.angle-toggle{display:flex;gap:8px;margin-bottom:12px}.angle-toggle .btn-small{flex:1;padding:8px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all 0.2s ease}.angle-toggle .btn-small:hover{border-color:var(--primary-color)}.angle-toggle .btn-angle-active{background:var(--primary-color);color:white;border-color:var(--primary-color);font-weight:600}.history-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.history-section h3{margin:0 0 12px 0;font-size:16px;color:var(--text-primary)}.history-list{background:var(--bg-secondary);border-radius:6px;max-height:300px;overflow-y:auto;margin-bottom:12px}.history-item{padding:12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background 0.2s ease;border-radius:4px;margin-bottom:4px}.history-item:last-child{border-bottom:none}.history-item:hover{background:rgba(44,62,80,0.05)}.history-session{padding:12px;border:1px solid var(--border-color);cursor:pointer;transition:all 0.2s ease;border-radius:6px;margin-bottom:8px;background:var(--bg-primary)}.history-session:hover{background:rgba(44,62,80,0.05);border-color:var(--primary-color)}.history-session-time{font-size:11px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.history-session-steps{display:flex;flex-direction:column;gap:6px}.history-step{font-size:12px;color:var(--text-primary);font-family:'Courier New',monospace;padding:6px;background:rgba(44,62,80,0.03);border-radius:3px}@media (max-width:768px){.calculator-wrapper{padding:16px;border-radius:8px}.display-wrapper{gap:6px}.btn-copy{padding:6px 10px;font-size:11px}.display{font-size:24px;padding:12px}.calc-btn{padding:10px 6px;font-size:14px;min-height:40px}.calculator-grid{gap:6px}.history-list{max-height:200px}.guide-header h3{font-size:24px}.guide-card{padding:12px;margin-bottom:12px}.guide-card h4{font-size:14px}.guide-card li{font-size:13px;margin-bottom:6px}.quick-start-grid{grid-template-columns:1fr}.functions-grid{grid-template-columns:1fr;gap:12px}.shortcut-grid{grid-template-columns:repeat(2,1fr);gap:10px}.example-grid{grid-template-columns:repeat(2,1fr);gap:10px}.example-item{padding:10px}.func-group{padding:10px}.func-group strong{font-size:13px}.func-group li{font-size:12px}}@media (max-width:480px){.calculator-wrapper{padding:12px;max-width:100%}.display{font-size:20px;padding:10px}.calc-btn{padding:8px 4px;font-size:12px;min-height:36px}.calculator-grid{gap:4px}.btn-science{font-size:11px}.expression-history{font-size:12px}.guide-header h3{font-size:20px;margin-bottom:4px}.guide-subtitle{font-size:12px}.guide-card{padding:10px;margin-bottom:10px}.guide-card h4{font-size:13px;margin-bottom:8px}.card-icon{font-size:16px}.guide-card li{font-size:12px;margin-bottom:6px}.quick-start-grid{grid-template-columns:1fr;gap:10px}.quick-start-item{gap:10px;padding:10px}.quick-start-number{width:28px;height:28px;font-size:12px}.quick-start-content strong{font-size:12px}.quick-start-content p{font-size:11px}.functions-grid{grid-template-columns:1fr;gap:10px}.func-group{padding:8px}.func-group strong{font-size:12px;margin-bottom:6px}.func-group li{font-size:11px;margin-bottom:4px}.shortcut-grid{grid-template-columns:1fr;gap:8px}.shortcut-item{padding:10px}.shortcut-key{font-size:11px;padding:6px 8px}.shortcut-desc{font-size:11px}.example-grid{grid-template-columns:1fr;gap:10px}.example-item{padding:10px}.example-title{font-size:11px}.example-formula{font-size:12px}.example-result{font-size:12px}.example-result span{font-size:13px}.example-note{font-size:10px}.faq-item{padding:10px;margin-bottom:10px}.faq-item strong{font-size:12px;margin-bottom:4px}.faq-item p{font-size:11px}.guide-tip,.func-tip{font-size:11px !important;padding:6px 10px}}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.guide-section{margin-top:40px;padding-top:30px;border-top:2px solid var(--border-color);max-width:900px;margin-left:auto;margin-right:auto}.guide-header{text-align:center;margin-bottom:32px}.guide-header h3{font-size:28px;color:var(--text-primary);margin:0 0 8px 0;font-weight:700}.guide-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.guide-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px;transition:all 0.2s ease}.guide-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(44,62,80,0.1)}.guide-card-highlight{background:linear-gradient(135deg,rgba(44,62,80,0.05) 0%,rgba(76,99,166,0.05) 100%);border:1px solid var(--primary-light)}.guide-card-highlight:hover{border-color:var(--primary-color)}.guide-card-faq{background:rgba(76,99,166,0.05)}.guide-card-tips{background:rgba(45,95,111,0.05);border-left:4px solid #2d5f6f}.guide-card h4{font-size:16px;color:var(--primary-color);margin:0 0 12px 0;font-weight:600;display:flex;align-items:center;gap:8px}.card-icon{font-size:20px}.guide-card ul{margin:0;padding-left:20px;list-style:disc}.guide-card li{margin-bottom:8px;color:var(--text-primary);line-height:1.6}.guide-card li strong{color:var(--primary-color);font-weight:600}.guide-card li:last-child{margin-bottom:0}.guide-subsection{margin-bottom:12px}.guide-subsection:last-child{margin-bottom:0}.guide-subsection h5{font-size:14px;color:var(--primary-color);margin:0 0 8px 0;font-weight:600}.guide-subsection ul{margin:0;padding-left:20px}.guide-tip,.func-tip{background:rgba(76,99,166,0.1);padding:8px 12px;border-radius:4px;font-size:12px !important;margin-top:4px;border-left:3px solid var(--primary-color)}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.quick-start-item{display:flex;gap:12px;padding:12px;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color)}.quick-start-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:white;border-radius:50%;font-weight:600;flex-shrink:0}.quick-start-content{flex:1}.quick-start-content strong{display:block;font-size:13px;color:var(--primary-color);margin-bottom:4px}.quick-start-content p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.functions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}.func-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px}.func-group strong{display:block;color:var(--primary-color);margin-bottom:8px;font-size:14px}.func-title{font-size:13px !important}.func-group ul{margin:0;padding-left:16px;list-style:disc}.func-group li{font-size:13px;color:var(--text-primary);margin-bottom:6px;line-height:1.5}.func-group li:last-child{margin-bottom:0}.func-group li strong{display:inline;color:var(--primary-color);margin:0;font-size:13px}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.shortcut-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px;text-align:center}.shortcut-key{display:block;background:var(--primary-color);color:white;padding:8px 12px;border-radius:4px;font-family:'Courier New',monospace;font-size:12px;font-weight:600;margin-bottom:8px}.shortcut-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.example-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px;text-align:center}.example-title{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:6px}.example-formula{font-family:'Courier New',monospace;font-size:13px;color:var(--text-primary);margin-bottom:6px;font-weight:500;word-break:break-word}.example-result{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.example-result span{color:var(--primary-color);font-weight:600;font-size:14px}.example-note{font-size:11px;color:var(--text-secondary);margin:0;line-height:1.3}.faq-item{padding:12px;margin-bottom:12px;background:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:4px}.faq-item:last-child{margin-bottom:0}.faq-item strong{display:block;color:var(--primary-color);margin-bottom:6px;font-size:13px}.faq-item p{margin:0;font-size:12px;color:var(--text-primary);line-height:1.5}@media (prefers-reduced-motion:reduce){.calc-btn,.history-item{transition:none}}@media (prefers-color-scheme:dark){.expression-history{background:rgba(255,255,255,0.05)}}