:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-bg:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--radius:10px;--shadow:0 4px 24px rgba(0, 0, 0, 0.06);--shadow-hover:0 8px 32px rgba(0, 0, 0, 0.10);--transition:0.2s ease;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-800);padding:12px;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-y:scroll}.app{max-width:1400px;width:100%;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 24px 32px;transition:padding .3s}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px;border-bottom:2px solid var(--gray-100);padding-bottom:16px}.app-header-left{display:flex;align-items:center;gap:16px}.app-header h1{font-size:22px;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:10px}.app-header h1 i{color:var(--primary);font-size:24px}.app-header .sub{font-size:13px;color:var(--gray-500);font-weight:400;margin-left:2px}.home-link{display:inline-flex;align-items:center;gap:6px;color:var(--gray-600);font-size:14px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:20px;background:var(--gray-100);transition:all var(--transition);white-space:nowrap}.home-link:hover{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.25);transform:translateY(-1px)}.home-link i{font-size:14px}.header-total{font-size:13px;color:var(--gray-600);background:var(--gray-100);padding:5px 16px;border-radius:20px;white-space:nowrap}.header-total span{font-weight:700;color:var(--primary)}.query-area{background:var(--primary-bg);border-radius:var(--radius);padding:18px 20px;margin-bottom:22px;border:1px solid rgba(37,99,235,.1);position:relative;overflow:visible!important;transition:padding .3s ease,margin .3s ease}.query-toggle{display:none;background:var(--primary);color:#fff;border:none;font-size:14px;cursor:pointer;padding:6px 14px;border-radius:20px;position:absolute;right:12px;top:12px;z-index:10;box-shadow:0 2px 8px rgba(37,99,235,.25);font-weight:600;line-height:1;transition:background .2s}.query-toggle:hover{background:var(--primary-dark)}.query-toggle i{margin-right:4px}.query-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;overflow:visible}.query-group{flex:1 1 160px;min-width:130px;position:relative}.query-group label{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:4px;letter-spacing:.3px}.query-group label i{margin-right:4px;color:var(--primary);font-size:11px}.search-dropdown{position:relative;user-select:none;background:#fff;border:1.5px solid var(--gray-200);border-radius:8px;transition:border-color var(--transition),box-shadow var(--transition);min-height:38px;display:flex;flex-wrap:wrap;align-items:center;padding:4px 8px;gap:4px;cursor:text}.search-dropdown:hover{border-color:var(--primary-light)}.search-dropdown.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.search-dropdown .tags{display:flex;flex-wrap:wrap;gap:3px;flex:1 1 auto}.search-dropdown .tag{display:inline-flex;align-items:center;background:var(--primary-bg);color:var(--primary-dark);font-size:11px;font-weight:500;padding:1px 6px 1px 8px;border-radius:12px;border:1px solid rgba(37,99,235,.18);gap:3px;white-space:nowrap}.search-dropdown .tag .remove{cursor:pointer;font-size:11px;color:var(--gray-400);transition:color var(--transition);line-height:1}.search-dropdown .tag .remove:hover{color:#ef4444}.search-dropdown .search-input{border:none;outline:0;background:0 0;font-size:13px;padding:4px 2px;min-width:60px;flex:1 1 60px;font-family:var(--font);color:var(--gray-800)}.search-dropdown .search-input::placeholder{color:var(--gray-400);font-size:12px}.search-dropdown .arrow{color:var(--gray-400);font-size:12px;margin-left:2px;transition:transform var(--transition);flex-shrink:0;cursor:pointer;padding:4px}.search-dropdown .arrow.open{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1.5px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-hover);max-height:220px;overflow-y:auto;z-index:999;display:none;padding:5px 0}.dropdown-panel.open{display:block}.dropdown-panel .option-item{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;transition:background var(--transition);font-size:13px;color:var(--gray-700)}.dropdown-panel .option-item:hover{background:var(--primary-bg)}.dropdown-panel .option-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.dropdown-panel .option-item .label-text{flex:1}.dropdown-panel .no-match{padding:10px 14px;color:var(--gray-400);font-size:13px;text-align:center}.query-actions{display:flex;gap:8px;flex:0 0 auto;align-items:center;padding-bottom:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;height:38px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 14px rgba(37,99,235,.3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:0 0;color:var(--gray-600);border:1.5px solid var(--gray-300)}.btn-outline:hover{background:var(--gray-100);border-color:var(--gray-400)}.btn-outline:active{transform:scale(.97)}.table-wrapper{border-radius:var(--radius);border:1px solid var(--gray-200);overflow-x:auto;margin-bottom:16px;background:#fff;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}table thead{background:var(--gray-100)}table th{padding:10px 12px;text-align:center;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200);white-space:nowrap;font-size:12px;letter-spacing:.3px;cursor:pointer;user-select:none;transition:background .15s;position:relative}table th:hover{background:var(--gray-200)}table th .sort-icon{margin-left:4px;font-size:11px;color:var(--gray-400)}table th .sort-icon.active{color:var(--primary)}table th .sort-icon.asc{color:var(--primary)}table th .sort-icon.desc{color:var(--primary)}table td{padding:9px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;text-align:center}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:var(--primary-bg)}table tbody tr:last-child td{border-bottom:none}.plan-count{font-weight:700;color:var(--primary-dark)}.cat-tag{display:inline-block;padding:2px 12px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.cat-physics{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.cat-history{background:#fce4ec;color:#b91c1c;border:1px solid #f9a8d4}.cat-comprehensive{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.cat-science{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.cat-arts{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.cat-default{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}.card-list{display:none}.card-item{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:12px}.card-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--gray-100);font-size:15px;line-height:1.6}.card-row:last-child{border-bottom:none}.card-row .label{font-weight:600;color:var(--gray-600);font-size:14px;flex-shrink:0;width:80px;max-width:80px;margin-right:12px;word-break:keep-all}.card-row .value{text-align:right;color:var(--gray-800);word-break:break-word;flex:1}.card-row .value .plan-count{font-size:16px;font-weight:700;color:var(--primary-dark)}.card-item .card-seq{font-weight:600;color:var(--gray-500);font-size:14px}.pagination-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding-top:4px}.pagination-area .info{font-size:13px;color:var(--gray-600);display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.pagination-area .info strong{color:var(--gray-900)}.pagination-area .info label{font-size:13px;color:var(--gray-600);display:inline-flex;align-items:center;gap:4px}.pagination-area .info select{padding:4px 10px;border:1.5px solid var(--gray-200);border-radius:6px;font-size:13px;background:#fff;cursor:pointer;outline:0;transition:border-color var(--transition);font-family:var(--font)}.pagination-area .info select:focus{border-color:var(--primary)}.pagination-controls{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.pagination-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1.5px solid var(--gray-200);border-radius:6px;background:#fff;color:var(--gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:var(--font)}.pagination-controls button:hover:not(:disabled){background:var(--primary-bg);border-color:var(--primary-light);color:var(--primary)}.pagination-controls button.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;color:var(--gray-400);font-size:13px}.empty-state{text-align:center;padding:48px 20px;color:var(--gray-500)}.empty-state i{font-size:44px;color:var(--gray-300);margin-bottom:12px;display:block}.empty-state p{font-size:15px}#statistics{margin-top:12px;font-size:15px;text-align:right;padding:8px 16px;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}#statistics strong{color:var(--primary-dark)}#statistics .sep{margin:0 16px;color:var(--gray-300)}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.85);z-index:99999;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .25s ease}#loadingOverlay.active{opacity:1;pointer-events:auto}#loadingOverlay .spinner{color:var(--primary);font-size:48px;animation:fa-spin 1s linear infinite}#loadingOverlay p{margin-top:16px;font-size:18px;color:var(--gray-700);font-weight:500}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:820px){.app{padding:16px 12px 20px}.query-group{flex:1 1 140px;min-width:110px}.query-actions .btn{padding:6px 14px;font-size:12px;height:36px}.app-header h1{font-size:20px}.home-link{font-size:13px;padding:4px 12px}}@media (max-width:640px){body{padding:6px}.visit-stats{font-size:12px;margin-top:16px;padding-top:12px}.app{padding:10px 6px 14px;border-radius:6px}.app-header{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:12px;margin-bottom:16px}.app-header-left{justify-content:space-between;width:100%}.app-header h1{font-size:18px}.app-header h1 i{font-size:18px}.app-header .sub{font-size:11px;display:block;margin-left:0}.home-link{font-size:13px;padding:4px 12px}.header-total{font-size:11px;padding:3px 12px;align-self:flex-end}.query-area{padding:10px 10px 12px;margin-bottom:16px;overflow:visible!important}.query-toggle{display:flex;align-items:center;gap:4px;font-size:14px;padding:6px 14px;top:8px;right:8px}.query-row.collapsed{display:none!important}.query-area.collapsed{padding:6px 10px!important;margin-bottom:12px;background:var(--primary-bg);border-color:var(--gray-200);min-height:44px}.query-group{flex:1 1 100%;min-width:0}.search-dropdown{min-height:34px;padding:3px 6px}.search-dropdown .search-input{font-size:14px;min-width:50px;padding:3px 2px}.search-dropdown .tag{font-size:12px;padding:2px 8px 2px 10px}.query-actions{flex:1 1 100%;justify-content:stretch;gap:6px;margin-top:4px}.query-actions .btn{flex:1;padding:8px 12px;font-size:14px;height:40px}.table-wrapper table{display:none}.table-wrapper .card-list{display:flex;flex-direction:column;gap:12px}.table-wrapper{overflow-x:visible;border:none;background:0 0}.pagination-area{flex-direction:column;align-items:stretch;gap:10px}.pagination-area .info{justify-content:center;font-size:14px;gap:8px 12px}.pagination-area .info label{font-size:14px}.pagination-area .info select{font-size:14px;padding:4px 10px}.pagination-controls{justify-content:center}.pagination-controls button{min-width:36px;height:36px;font-size:14px;padding:0 10px}.pagination-controls .page-ellipsis{min-width:36px;height:36px;font-size:14px}.dropdown-panel .option-item{padding:8px 14px;font-size:14px}.dropdown-panel .option-item input[type=checkbox]{width:18px;height:18px}.btn{height:40px;padding:8px 16px;font-size:14px}.dropdown-panel .no-match{font-size:14px;padding:12px}.empty-state p{font-size:16px}#statistics{font-size:14px;padding:6px 12px;text-align:center}#statistics .sep{margin:0 8px}#loadingOverlay p{font-size:16px}#loadingOverlay .spinner{font-size:36px}}@media (max-width:420px){.app-header-left{flex-wrap:wrap;gap:6px}.app-header h1{font-size:16px}.home-link{font-size:12px;padding:3px 10px}.home-link i{font-size:12px}.header-total{font-size:10px;padding:2px 10px}.card-row{font-size:14px;padding:5px 0}.card-row .label{font-size:13px;width:65px;max-width:65px;margin-right:10px}.card-item{padding:10px 12px}.app{padding:6px 4px 10px}.query-area{padding:8px 6px 10px}.search-dropdown .search-input{font-size:13px}.query-actions .btn{font-size:13px;height:38px}.query-area.collapsed{padding:4px 8px!important;min-height:38px}.query-toggle{font-size:12px;padding:4px 10px}#statistics{font-size:13px;padding:4px 10px}#loadingOverlay p{font-size:14px}#loadingOverlay .spinner{font-size:28px}}.dropdown-panel::-webkit-scrollbar{width:4px}.dropdown-panel::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.dropdown-panel::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.dropdown-panel::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dropdown-panel.open{animation:fadeDown .2s ease}.visit-stats{margin-top:24px;padding-top:16px;border-top:1px solid var(--gray-200);text-align:center;font-size:13px;color:var(--gray-400)}.visit-stats .count{color:var(--primary);font-weight:600}@keyframes fadeDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}