:root{--primary-color: #2c3e50;--primary-hover: #34495e;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--text-color: #495057;--text-light: #6c757d;--bg-color: #f8f9fa;--card-bg-color: #ffffff;--border-color: #dee2e6;--border-radius: .5rem;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--box-shadow-hover: 0 8px 16px rgba(0, 0, 0, .15);--transition-duration: .3s;--transition-timing: ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background-color:var(--bg-color);font-size:var(--font-size-base)}.navbar{background-color:var(--card-bg-color);box-shadow:var(--box-shadow);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand h1{color:var(--primary-color);font-size:var(--font-size-xl);margin:0}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-duration) var(--transition-timing)}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--bg-color)}.nav-auth,.nav-user{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info{color:var(--text-color);font-weight:500}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span{width:25px;height:3px;background-color:var(--text-color);transition:all var(--transition-duration) var(--transition-timing)}.main-content{min-height:calc(100vh - 140px);padding:var(--spacing-lg) 0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.card{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--box-shadow);transition:transform var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing)}.card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.card h2{color:var(--primary-color);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.price-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.price-header h2{margin-bottom:0}.price-datetime{font-size:1.1rem;color:var(--text-color);white-space:nowrap}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--transition-duration) var(--transition-timing);min-width:80px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:border-color var(--transition-duration) var(--transition-timing)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2c3e501a}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--text-light);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn var(--transition-duration) var(--transition-timing)}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--card-bg-color);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn var(--transition-duration) var(--transition-timing)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--primary-color)}.modal-close{font-size:24px;font-weight:700;cursor:pointer;color:var(--text-light);transition:color var(--transition-duration) var(--transition-timing)}.modal-close:hover{color:var(--text-color)}.modal-body{padding:var(--spacing-lg)}.price-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-sm);box-shadow:var(--box-shadow);background-color:var(--card-bg-color);border-radius:var(--border-radius);overflow:hidden}.price-table th,.price-table td{padding:12px 15px;text-align:center;border:1px solid var(--border-color);font-size:1.1rem}.price-table th{background-color:#f5f5f5;color:var(--primary-color);font-weight:700}.price-table tr:nth-child(2n){background-color:#f9f9f9}.updated{background-color:#e8f4f8!important;transition:background-color 1s ease-out}.price-up{color:var(--danger-color);font-weight:700}.price-down{color:var(--success-color);font-weight:700}.price-cell{vertical-align:top}.price-cell .high,.price-cell .low{display:block;padding:4px 0;transition:all var(--transition-duration) var(--transition-timing)}.price-cell .high{border-bottom:1px solid var(--border-color);margin-bottom:2px}.chart-container{width:100%;height:400px}.chart-card{position:relative;width:100%}.chart-controls{position:absolute;top:5px;left:5px;background-color:#ffffffe6;color:#000;padding:var(--spacing-sm);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000000d;z-index:10;transition:all var(--transition-duration) var(--transition-timing);transform-origin:top left;max-width:180px;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chart-controls.collapsed{transform:scale(.95);opacity:.85;background-color:#ffffff80}.chart-controls:hover{transform:scale(1);opacity:1}.toggle-controls-btn{position:absolute;top:10px;right:10px;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:none;border-radius:var(--border-radius);cursor:pointer;min-width:auto;z-index:2;transition:all var(--transition-duration) var(--transition-timing)}.toggle-icon{font-size:14px;display:block;transition:transform var(--transition-duration) var(--transition-timing);color:#000}.toggle-controls-btn:hover{background:#000;transform:scale(1.05)}.chart-controls.collapsed .toggle-icon{transform:rotate(-90deg)}.chart-controls.collapsed .controls-content{display:none}.controls-content{margin-top:20px}.chart-view{width:100%;min-height:400px}.control-group{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--spacing-sm)}.control-group label{font-weight:700;color:#333;font-size:var(--font-size-sm)}.control-group select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #ddd;border-radius:4px;font-size:var(--font-size-sm)}.legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.legend-color{width:15px;height:15px;border-radius:3px;flex-shrink:0}.huigou-color{background-color:#91cc75}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--font-size-lg);color:var(--text-light)}.profile-content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);align-items:start}.profile-info{display:grid;gap:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm)}.info-item label{font-weight:500;min-width:80px}.info-item span{color:var(--text-color)}.profile-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-content{display:grid;gap:var(--spacing-xl)}.setting-group{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.setting-group h3{margin-bottom:var(--spacing-md);color:var(--primary-color)}.setting-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.setting-item label{min-width:120px;font-weight:500}.setting-item input[type=checkbox]{width:auto;margin-right:var(--spacing-sm)}.setting-item select{width:auto;min-width:120px}.setting-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.footer{background-color:var(--card-bg-color);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.icp-footer{text-align:center;color:var(--text-light);font-size:var(--font-size-sm)}.icp-footer a{color:var(--text-light);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing)}.icp-footer a:hover{color:var(--text-color)}.disclaimer{text-align:center;color:var(--text-light);font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chart-login-overlay{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.chart-login-card{background:transparent;padding:20px;border-radius:8px;text-align:center;max-width:300px;margin:20px}.login-card-icon{font-size:48px;margin-bottom:20px}.chart-login-card h3{margin:0 0 15px;color:#333;font-size:24px;font-weight:600}.chart-login-card p{margin:0 0 30px;color:#666;font-size:16px;line-height:1.5}.login-card-btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--transition-duration) var(--transition-timing);min-width:80px;background-color:var(--primary-color);color:#fff;display:inline-flex;align-items:center;gap:8px}.login-card-btn:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none}.login-card-btn:focus{outline:none;box-shadow:0 0 0 3px #2c3e5040}.btn-icon{font-size:18px}[data-theme=dark] .chart-login-overlay{background:#2d3748e6}[data-theme=dark] .chart-login-card{background:transparent;color:#e2e8f0}[data-theme=dark] .chart-login-card h3{color:#e2e8f0}[data-theme=dark] .chart-login-card p{color:#a0aec0}[data-theme=dark] .login-card-btn{background-color:#007bff;color:#fff}[data-theme=dark] .login-card-btn:hover{background-color:#0056b3;color:#fff}@media (max-width: 768px){.chart-login-card{padding:15px;margin:15px}.login-card-icon{font-size:32px;margin-bottom:10px}.chart-login-card h3{font-size:18px;margin-bottom:10px}.chart-login-card p{font-size:14px;margin-bottom:20px}.login-card-btn{padding:10px 20px;font-size:14px}}.notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;min-width:300px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translate(100%);opacity:0;transition:all .3s ease-in-out;border-left:4px solid #007bff}.notification-show{transform:translate(0);opacity:1}.notification-hide{transform:translate(100%);opacity:0}.notification-content{display:flex;align-items:center;padding:16px;gap:12px}.notification-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-message{flex:1;font-size:14px;line-height:1.4;color:#333}.notification-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.notification-close:hover{background-color:#f5f5f5;color:#333}.notification-success{border-left-color:#28a745}.notification-success .notification-icon{background-color:#28a745;color:#fff}.notification-error{border-left-color:#dc3545}.notification-error .notification-icon{background-color:#dc3545;color:#fff}.notification-warning{border-left-color:#ffc107}.notification-warning .notification-icon{background-color:#ffc107;color:#333}.notification-info{border-left-color:#17a2b8}.notification-info .notification-icon{background-color:#17a2b8;color:#fff}[data-theme=dark] .notification{background:#2d3748;color:#e2e8f0;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .notification-message{color:#e2e8f0}[data-theme=dark] .notification-close{color:#a0aec0}[data-theme=dark] .notification-close:hover{background-color:#4a5568;color:#e2e8f0}@media (max-width: 768px){.nav-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background-color:var(--card-bg-color);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--spacing-lg);transition:left var(--transition-duration) var(--transition-timing);box-shadow:var(--box-shadow)}.nav-menu.active{left:0}.notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.nav-link{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);text-align:center}.nav-auth,.nav-user{flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.nav-toggle{display:flex}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.profile-actions{flex-direction:row;justify-content:center}.setting-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.setting-item label{min-width:auto}.setting-item select{width:100%}.setting-actions,.form-actions{flex-direction:column}.modal-content{width:95%;margin:var(--spacing-md)}.chart-controls{max-width:150px;font-size:var(--font-size-sm)}.contact-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 480px){.nav-container{padding:0 var(--spacing-sm)}.nav-brand h1{font-size:var(--font-size-lg)}.card h2{font-size:var(--font-size-base)}.btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}}@media (prefers-color-scheme: dark){:root{--text-color: #e9ecef;--text-light: #adb5bd;--bg-color: #212529;--card-bg-color: #343a40;--border-color: #495057;--primary-color: #6c757d;--primary-hover: #5a6268}.price-table th{background-color:#495057}.price-table tr:nth-child(2n){background-color:#3a4043}.chart-controls{background-color:#343a40e6;color:#e9ecef}}.contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.contact-cards{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.contact-item{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.contact-item:last-child{border-bottom:none}.contact-label{font-weight:600;color:var(--text-color);min-width:60px;margin-right:var(--spacing-sm)}.contact-value{color:var(--info-color);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing)}.contact-value:hover{color:var(--primary-color)}.wechat-value{cursor:pointer;position:relative}.wechat-value:hover{color:var(--success-color)}.wechat-value:after{content:"点击复制";position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--text-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing);pointer-events:none}.wechat-value:hover:after{opacity:1}.contact-cards .card:last-child{text-align:center}.qr-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative}.qr-image{width:60%;height:auto;aspect-ratio:.8;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform var(--transition-duration) var(--transition-timing);object-fit:contain;background-color:transparent}.qr-image:hover{transform:scale(1.05)}.qr-text{color:var(--text-light);font-size:var(--font-size-sm);margin:0;line-height:1.4}.navigation-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.navigation-btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-duration) var(--transition-timing);white-space:nowrap}.navigation-btn:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}@media print{.navbar,.footer,.modal,.contact-section{display:none!important}.main-content{min-height:auto}.card{box-shadow:none;border:1px solid #000;break-inside:avoid}}