:root{--color-bg: #f5f0e8 url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");--color-panel: #fdfcf7;--color-paper-bg: #f7f4ee;--color-primary: #b7472a;--color-primary-hover: #9a3b22;--color-primary-light: rgba(183, 71, 42, .08);--color-primary-border: rgba(183, 71, 42, .35);--color-gold: #c9921a;--color-gold-light: rgba(201, 146, 26, .12);--color-gold-border: rgba(201, 146, 26, .38);--color-ink-primary: #2a1f0e;--color-ink-secondary: #584535;--color-ink-tertiary: #8a7460;--color-line: #cfc0af;--color-line-soft: #e5dbd0;--shadow-sm: 0 1px 3px rgba(42, 31, 14, .1);--shadow-md: 0 6px 20px rgba(42, 31, 14, .13);--shadow-inset: inset 0 1px 3px rgba(42, 31, 14, .08);--font-classical: "KaiTi", "楷体", "STKaiti", "FangSong", "仿宋", serif;--font-reading: "FangSong", "仿宋", "STFangsong", "KaiTi", "楷体", serif;--font-ui: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif}[data-theme=dark]{--color-bg: #141009;--color-panel: #1e1610;--color-paper-bg: #1a1208;--color-primary: #c95234;--color-primary-hover: #b7472a;--color-primary-light: rgba(201, 82, 52, .12);--color-primary-border: rgba(201, 82, 52, .4);--color-gold: #d4a030;--color-gold-light: rgba(212, 160, 48, .14);--color-gold-border: rgba(212, 160, 48, .4);--color-ink-primary: #f0e6d0;--color-ink-secondary: #c4b49a;--color-ink-tertiary: #7a6a58;--color-line: #3a2f22;--color-line-soft: #2e2318;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .3)}[data-theme=dark] .input{background:#1e1610;color:var(--color-ink-primary);border-color:var(--color-line)}[data-theme=dark] .input:focus{background:#231c12}[data-theme=dark] select.input{background:#1e1610}[data-theme=dark] .keyword-highlight{background:#8a6010;color:#f5e0b0;box-shadow:0 0 0 1px #b4821499}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-reading);color:var(--color-ink-primary);background:var(--color-bg)}.app-container{min-height:100%;display:flex;flex-direction:column}.app-header{height:68px;background:var(--color-panel);border-bottom:none;box-shadow:0 1px 0 var(--color-line),0 3px 0 var(--color-primary),var(--shadow-md);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:10;position:relative}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;font-family:var(--font-classical);color:var(--color-ink-primary);white-space:nowrap;letter-spacing:.05em}.brand-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:block;box-shadow:0 0 0 1.5px #b7472a61,0 0 0 3.5px #b7472a1a,var(--shadow-sm)}.header-search-area{flex:1;max-width:600px;margin:0 24px;display:flex;gap:8px}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle-circle{position:fixed;top:16px;right:20px;z-index:50;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--color-line);background:var(--color-panel);color:var(--color-ink-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}.theme-toggle-circle:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.08);box-shadow:0 4px 16px #b7472a38}[data-theme=dark] .theme-toggle-circle{background:#231c14;border-color:#3a2f22;color:#c9921a}[data-theme=dark] .theme-toggle-circle:hover{background:#d4a03024;border-color:#d4a030;color:#d4a030}.script-toggle{display:flex;border:1px solid var(--color-line);border-radius:3px;overflow:hidden}.script-toggle-btn{border:none;background:transparent;color:var(--color-ink-secondary);font-family:var(--font-classical);font-size:13px;padding:4px 10px;cursor:pointer;line-height:1;transition:background .15s,color .15s}.script-toggle-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.script-toggle-btn.active{background:var(--color-primary);color:#fff8f0}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.content-column{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.active-filter-section{padding:16px 24px 0}.timeline-section{padding:12px 24px 0}.sidebar{width:320px;flex:0 0 320px;overflow:auto;background:var(--color-panel);border-right:1px solid var(--color-line-soft);padding:18px 14px 24px}.sidebar-backdrop{position:fixed;inset:0;z-index:109;background:#2a1f0e5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-sidebar-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 12px;margin:-18px -14px 14px;background:var(--color-panel);box-shadow:0 1px 0 var(--color-line-soft),0 2px #b7472a33}.sidebar-section{margin-bottom:16px}.sidebar-title{font-size:12px;font-weight:700;font-family:var(--font-classical);margin-bottom:10px;color:var(--color-ink-primary);padding-left:8px;border-left:3px solid var(--color-primary);letter-spacing:.08em}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--color-line);background:transparent;color:var(--color-ink-secondary);border-radius:3px;padding:5px 10px;font-size:13px;font-family:var(--font-ui);line-height:1;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.chip.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.facet-item{display:flex;justify-content:space-between;background:transparent;border:none;padding:5px 6px;cursor:pointer;color:var(--color-ink-secondary);font-size:13px;font-family:var(--font-ui);width:100%;border-radius:3px;transition:background .12s ease,color .12s ease;text-align:left}.facet-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.facet-count{color:var(--color-ink-tertiary);flex-shrink:0}.advanced-filters{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-line)}.input{width:100%;height:36px;border:1px solid var(--color-line);border-radius:3px;padding:0 10px;font-size:14px;font-family:var(--font-ui);color:var(--color-ink-primary);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.btn{border:1px solid transparent;border-radius:3px;height:36px;padding:0 14px;font-size:13px;font-family:var(--font-ui);line-height:1;white-space:nowrap;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 2px 8px #b7472a47}.btn-secondary{color:var(--color-ink-secondary);background:var(--color-paper-bg);border-color:var(--color-line)}.btn-secondary:hover:not(:disabled){background:var(--color-panel);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-ink-tertiary);background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.w-full{width:100%}.results-area{flex:1;min-height:0;overflow:auto;padding:18px 24px 26px}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--color-line-soft)}.results-count{font-size:17px;font-weight:700;font-family:var(--font-classical);color:var(--color-ink-primary);letter-spacing:.03em}.result-list{display:flex;flex-direction:column;gap:10px}.card{background:var(--color-panel);border:1px solid var(--color-line-soft);border-radius:4px;padding:14px 16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;position:relative}.card:hover{border-color:var(--color-line);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-active{border-color:var(--color-primary)!important;border-left-width:3px;box-shadow:var(--shadow-md)}.record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.record-date{font-size:15px;font-weight:600;font-family:var(--font-ui);color:var(--color-ink-primary);margin-bottom:8px}.record-content{margin-bottom:10px;color:var(--color-ink-secondary);font-family:var(--font-reading);line-height:1.8}.record-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--color-ink-tertiary);font-size:12px;font-family:var(--font-ui);padding-top:8px;border-top:1px dashed var(--color-line-soft)}.badge{display:inline-flex;align-items:center;border-radius:2px;font-size:11px;font-family:var(--font-ui);line-height:1;padding:3px 7px;background:var(--color-gold-light);color:var(--color-gold);border:1px solid var(--color-gold-border)}.badge-china{background:#b7472a1a;color:var(--color-primary);border:1px solid var(--color-primary-border)}.badge-japan{background:#5a46821a;color:#5a4682;border:1px solid rgba(90,70,130,.3)}.badge-korea{background:#276e4b1f;color:#1e6b47;border:1px solid rgba(39,110,75,.3)}.badge-outline{border:1px solid var(--color-line);background:transparent;color:var(--color-ink-secondary)}.keyword-highlight{background:#f0c040;color:#3a1f00;border-radius:2px;padding:0 3px;font-weight:700;box-shadow:0 0 0 1px #c18c1480}.empty-state{margin:56px auto;text-align:center;color:var(--color-ink-tertiary);font-size:14px;font-family:var(--font-classical);letter-spacing:.05em}.active-filter-bar{background:var(--color-paper-bg);border:1px solid var(--color-line-soft);border-left:3px solid var(--color-primary);border-radius:4px;padding:8px 12px}.active-filter-chip{background:var(--color-primary-light)!important;border-color:var(--color-primary-border)!important;color:var(--color-primary)!important}.detail-panel-container{width:430px;flex:0 0 430px;border-left:1px solid var(--color-line-soft);background:var(--color-panel);overflow:auto}.detail-header{position:sticky;top:0;z-index:2;background:var(--color-panel);box-shadow:0 1px 0 var(--color-line-soft),0 2px #b7472a33;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-body{padding:16px 16px 28px}.detail-summary{background:var(--color-paper-bg);padding:14px 18px;border-radius:4px;margin-bottom:20px;font-family:var(--font-reading);font-size:16px;line-height:1.9;color:var(--color-ink-primary);border-left:4px solid var(--color-gold);box-shadow:var(--shadow-inset)}.detail-grid{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:28px}.detail-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px dashed var(--color-line-soft)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:11px;font-family:var(--font-ui);color:var(--color-ink-tertiary);display:flex;align-items:flex-start;gap:5px;padding-top:3px;line-height:1.5}.detail-label:before{content:"▪";color:var(--color-primary);font-size:9px;flex-shrink:0;margin-top:1px}.detail-value{font-size:13px;font-family:var(--font-reading);line-height:1.7;color:var(--color-ink-secondary)}.section-label{font-family:var(--font-classical);letter-spacing:.05em}.related-item{border:1px solid var(--color-line-soft);border-radius:4px;padding:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.related-item:hover{border-color:var(--color-primary-border)!important;background:var(--color-primary-light);box-shadow:var(--shadow-sm)}.comparison-item{background:var(--color-gold-light)!important;border-color:var(--color-gold-border)!important}.comparison-item:hover{border-color:#c9921aa6!important;background:#c9921a2e!important}.comparison-action-row .btn{flex:1}.pagination-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;font-family:var(--font-ui);font-size:13px;color:var(--color-ink-secondary)}.sidebar::-webkit-scrollbar,.results-area::-webkit-scrollbar,.detail-panel-container::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track,.results-area::-webkit-scrollbar-track,.detail-panel-container::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.results-area::-webkit-scrollbar-thumb,.detail-panel-container::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover,.results-area::-webkit-scrollbar-thumb:hover,.detail-panel-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.results-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.results-mobile-trigger{display:none}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.timeline-bar-wrap{background:var(--color-panel);border:1px solid var(--color-line-soft);border-radius:4px;padding:10px 14px 8px;box-shadow:var(--shadow-sm);position:relative;z-index:0}.timeline-bar-label{font-size:11px;font-family:var(--font-ui);color:var(--color-ink-tertiary);margin-bottom:4px;letter-spacing:.05em}.timeline-bar-chart{width:100%;height:90px;cursor:pointer;position:relative}.stats-overlay{position:fixed;inset:0;z-index:100;background:#2a1f0e73;display:flex;align-items:center;justify-content:center;padding:20px}.stats-panel{background:var(--color-panel);border:1px solid var(--color-line);border-radius:6px;box-shadow:var(--shadow-md);width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.stats-header{padding:16px 20px;border-bottom:1px solid var(--color-line-soft);display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 1px 0 var(--color-line-soft),0 2px #b7472a33;flex-shrink:0}.stats-body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:20px}.stats-section{background:var(--color-paper-bg);border:1px solid var(--color-line-soft);border-radius:4px;padding:14px 16px}.stats-section-title{font-size:11px;font-family:var(--font-ui);font-weight:700;color:var(--color-ink-tertiary);letter-spacing:.06em;margin-bottom:12px;padding-left:8px;border-left:3px solid var(--color-gold)}.stats-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.stats-two-col{grid-template-columns:1fr}}@media(max-width:1360px){.detail-panel-container{width:360px;flex-basis:360px}}@media(max-width:1120px){.sidebar{width:280px;flex-basis:280px}.detail-panel-container{display:none}}@media(max-width:960px){.app-header{height:auto;padding:14px 16px 18px;gap:12px;flex-wrap:wrap;align-items:flex-start}.brand{width:calc(100% - 56px);min-height:36px;font-size:16px;padding-right:8px}.header-actions{margin-left:auto}.header-search-area{order:3;width:100%;max-width:none;margin:0;flex-wrap:wrap}.header-search-area .input{flex:1 1 100%}.header-search-area .btn{flex:1 1 calc(50% - 4px)}.main-content{display:block;overflow:visible}.content-column{overflow:visible}.active-filter-section,.timeline-section{padding-left:14px;padding-right:14px}.results-area{overflow:visible;padding:14px 14px 24px}.results-header{flex-direction:column;align-items:stretch;gap:12px}.results-toolbar{width:100%}.results-toolbar .input{min-width:0;flex:1 1 160px}.results-toolbar .btn{flex:1 1 calc(50% - 4px)}.results-mobile-trigger{display:inline-flex;flex:1 1 100%!important;justify-content:center}.card{padding:13px 13px 14px}.results-id{width:100%;margin-left:0!important}.record-content{line-height:1.72}.record-footer{gap:6px 10px}.pagination-row{gap:8px;flex-wrap:wrap}.pagination-row .btn{flex:1 1 calc(50% - 4px)}.timeline-bar-wrap{padding:10px 10px 6px}.timeline-bar-chart{height:82px}.sidebar-mobile{position:fixed;inset:0 auto 0 0;z-index:110;width:min(88vw,360px);max-width:360px;height:100dvh;flex:none;border-right:1px solid var(--color-line-soft);box-shadow:var(--shadow-md);padding-top:18px}.detail-panel-container{position:fixed;inset:0;z-index:120;display:block;width:auto!important;flex:none;border-left:none;box-shadow:0 -12px 32px #2a1f0e3d}.detail-header{padding:16px 14px 12px}.detail-body{padding:14px 14px 24px}.detail-summary{padding:12px 14px;font-size:15px;line-height:1.8}.detail-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.compare-actions{flex-direction:column;width:100%}.compare-actions .btn{width:100%}.compare-grid-head{grid-template-columns:1fr!important;gap:8px!important}.compare-row{grid-template-columns:1fr!important;gap:6px!important;padding:12px 0!important}.comparison-action-row{flex-direction:column}.stats-overlay{align-items:flex-end;padding:12px}.stats-panel{max-height:calc(100dvh - 12px);border-radius:12px 12px 0 0}.stats-header{padding:14px 16px}.stats-body{padding:14px;gap:14px}.theme-toggle-circle{top:auto;right:16px;bottom:16px;width:44px;height:44px}}