*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#1a1a2e}.app{max-width:1600px;margin:0 auto;padding:20px}.header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e65100}.header h1{font-size:24px;color:#e65100}.subtitle{font-size:14px;color:#888}.tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 1px 3px #00000014;flex-wrap:wrap}.tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;cursor:pointer;color:#666;transition:all .2s;min-width:100px}.tab:hover{background:#fff3e0;color:#e65100}.tab.active{background:#e65100;color:#fff;font-weight:600}.tab-icon{margin-right:6px}.content{background:#fff;border-radius:12px;padding:24px;min-height:400px;box-shadow:0 2px 8px #0000000f}.search-box{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.search-box input,.search-box select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px}.search-box input{flex:1;min-width:180px}.search-box select{width:150px}.search-box button{padding:10px 20px;background:#e65100;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500;transition:background .2s;white-space:nowrap}.search-box button:hover{background:#d84315}.search-box button:disabled{background:#aaa;cursor:not-allowed}.tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;margin:4px}.tag-blue{background:#e8f0fe;color:#4361ee}.tag-green{background:#e6f4ea;color:#2e7d32}.tag-red{background:#fce8e6;color:#c62828}.tag-orange{background:#fff3e0;color:#e65100}.tag-purple{background:#f3e8fd;color:#7b1fa2}.result-card{padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:12px;transition:border-color .2s}.result-card:hover{border-color:#e65100}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:16px;background:#fff8f0;border-radius:8px;text-align:center}.stat-card .value{font-size:28px;font-weight:700;color:#e65100}.stat-card .label{font-size:13px;color:#888;margin-top:4px}.kw-table{width:100%;border-collapse:collapse}.kw-table th,.kw-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.kw-table th{font-weight:600;color:#666;font-size:13px;background:#fff8f0}.kw-table tr:hover{background:#fff8f0}.rank-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-weight:600;font-size:13px}.rank-top{background:#e6f4ea;color:#2e7d32}.rank-mid{background:#fff3e0;color:#e65100}.rank-low{background:#fce8e6;color:#c62828}.rank-na{background:#eee;color:#999}.change-up{color:#2e7d32;font-weight:600}.change-down{color:#c62828;font-weight:600}.change-same{color:#999}.loading{text-align:center;padding:40px;color:#888}.loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid #ddd;border-top-color:#e65100;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:16px;background:#fce8e6;border-radius:8px;color:#c62828}.section-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-left:8px;border-left:3px solid #e65100}.empty{text-align:center;padding:60px 20px;color:#aaa}.empty .icon{font-size:48px;margin-bottom:12px}.empty .hint{font-size:14px;margin-top:8px;color:#999}.progress-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:4px;transition:width .3s}.row{display:flex;gap:12px}.col{flex:1}@media (max-width: 768px){.search-box{flex-direction:column}.search-box input,.search-box select{width:100%}.row{flex-direction:column}.tabs{gap:4px}.tab{padding:8px 10px;font-size:13px}}