:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #1c2128;--bg-hover: #262c36;--border: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--danger-bg: rgba(248, 81, 73, .1);--success-bg: rgba(63, 185, 80, .1);--warning-bg: rgba(210, 153, 34, .1);--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-lg{padding:12px 24px;font-size:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:600}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-secondary)}.form-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent)}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 8px;border-radius:12px;font-size:13px;font-weight:600}.score-low{background:var(--danger-bg);color:var(--danger)}.score-medium{background:var(--warning-bg);color:var(--warning)}.score-high{background:var(--success-bg);color:var(--success)}.progress-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-container{max-width:1200px;margin:0 auto;padding:24px}.page-title{font-size:24px;font-weight:700;margin-bottom:24px}@media (max-width: 640px){.page-container{padding:12px}.page-title{font-size:20px;margin-bottom:16px}}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-free{background:var(--bg-hover);color:var(--text-secondary)}.tag-pro{background:var(--accent);color:#fff}.tag-vip{background:#a371f7;color:#fff}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.alert-info{background:#58a6ff1a;border:1px solid var(--accent);color:var(--accent)}html{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (max-width: 768px){.btn,.tab-item,.nav-item,a,button{min-height:44px;min-width:44px}.tab-item{padding:8px 0}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}}.h-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.h-scroll::-webkit-scrollbar{height:4px}.h-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width: 768px){.mobile-tabs{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}}.text-up{color:#ef4444}.text-down{color:#22c55e}.text-flat{color:var(--text-muted)}.bg-up{background:#ef444414}.bg-down{background:#22c55e14}.disclaimer{margin-top:24px;padding:12px;background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius);font-size:12px;color:var(--warning);text-align:center}