:root{--primary-color: #007bff;--background-color: #f8f9fa;--input-background: #f1f3f4;--border-color: #dee2e6;--text-color: #333;--error-color: #dc3545;--success-color: #28a745}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000001a;margin:20px}@media(max-width:768px){.container{width:100%;background:transparent;box-shadow:none;border-radius:0;padding:20px;margin:0;max-width:100%}body{padding:20px;align-items:flex-start}}.header{text-align:center;margin-bottom:30px}.header h1{color:var(--text-color);font-size:24px;font-weight:600}.input-group{margin-bottom:20px}.label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.input-field{width:100%;padding:12px 16px;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;outline:none;font-family:inherit}.input-field:focus{border-color:var(--primary-color);background-color:#fff}.input-field:hover{border-color:var(--primary-color)}.mode-selector{display:flex;gap:10px;margin-bottom:20px}.mode-button{flex:1;padding:12px 16px;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;outline:none;font-family:inherit}.mode-button:hover{border-color:var(--primary-color);background-color:#fff}.mode-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.calculate-button{width:100%;padding:14px 16px;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;margin-bottom:20px;font-family:inherit}.calculate-button:hover{border-color:var(--primary-color);background-color:#fff}.calculate-button:active{transform:translateY(1px)}.result-container{margin-top:20px;padding:20px;border-radius:8px;text-align:center}.v3Tips{max-width:400px;margin-top:20px;padding:20px;border-radius:8px;text-align:center;background-color:#0000001a;border:2px solid rgba(0,0,0,.5)}.result-success{background-color:#28a7451a;border:2px solid var(--success-color);color:var(--success-color)}.result-error{background-color:#dc35451a;border:2px solid var(--error-color);color:var(--error-color)}.result-title{font-weight:600;margin-bottom:8px}.result-value{font-size:18px;font-weight:600;font-family:Courier New,monospace}.hidden{display:none}.footer{text-align:center;margin-top:30px;color:#6c757d;font-size:14px}.author-info,.github-info{margin-top:10px;font-size:12px;color:#6c757d}