:root{color-scheme:light;font-family:SF Pro Display,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#181922;background:radial-gradient(circle at top left,rgba(163,223,255,.34),transparent 28%),radial-gradient(circle at 85% 0%,rgba(84,177,255,.18),transparent 30%),linear-gradient(180deg,#f5fbff,#eff6fd 52%,#e8f0f8);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--panel-soft: #f5faff;--line: rgba(28, 31, 43, .08);--line-strong: rgba(28, 31, 43, .12);--text-muted: #7a7f95;--text-soft: #9ca1b5;--shadow: 0 22px 54px rgba(66, 110, 153, .08);--shadow-soft: 0 10px 30px rgba(66, 110, 153, .06);--accent: #57b8ff;--accent-deep: #1f86df;--accent-soft: #e9f6ff;--accent-rgb: 87, 184, 255;--gantt-bar-height: 42px;--gantt-bar-radius: 16px;--gantt-cap-width: 12px;--gantt-cap-stroke: 3px;--gantt-cap-rgb: 24, 69, 112;--button-dark: #1a1c25}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{width:min(1480px,calc(100vw - 40px));min-height:calc(100vh - 40px);margin:20px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.sidebar-panel,.workspace-toolbar,.surface{background:var(--panel);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-panel{display:flex;flex-direction:column;padding:22px 18px 18px}.brand-link{display:flex;gap:14px;align-items:center;padding:10px 8px 22px;border-bottom:1px solid var(--line)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--accent-deep),#8ad2ff);color:#fff;font-weight:700;box-shadow:0 12px 24px rgba(var(--accent-rgb),.24)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:1rem}.brand-copy span{color:var(--text-muted);font-size:.84rem}.sidebar-nav-panel{display:grid;gap:12px;padding:24px 0;flex:1;align-content:start}.sidebar-group-title,.eyebrow,.meta-grid dt,.gantt-label-years,.gantt-label-subtitle,.card-name-en{margin:0;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.sidebar-nav{display:grid;grid-auto-rows:44px;gap:6px}.sidebar-link{display:flex;align-items:center;height:44px;padding:0 14px;border-radius:14px;color:#525769;font-size:.96rem;font-weight:500;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffff8f;border:1px solid transparent;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-link:hover,.filter-chip:hover,.toggle-button:hover,.toolbar-primary-link:hover,.toolbar-secondary-link:hover,.toolbar-search-link:hover,.primary-link:hover,.secondary-link:hover{transform:translateY(-1px)}.sidebar-link-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),#e0f4fff0);border-color:rgba(var(--accent-rgb),.2);color:#16324e;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12)}.sidebar-summary{display:grid;gap:6px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fbfeff,#ecf6ff);border:1px solid var(--line)}.sidebar-summary-label{margin:0;color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-summary strong{font-size:1.9rem;line-height:1}.sidebar-summary span{color:var(--text-muted);font-size:.92rem}.workspace-shell{display:grid;grid-template-rows:auto 1fr;gap:18px}.workspace-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 26px}.workspace-toolbar-copy{display:grid;gap:4px}.workspace-breadcrumb,.timeline-toolbar-note,.result-copy,.empty-state p,.section-heading p,.hero-panel p,.metric-card p,.search-field span{margin:0;color:var(--text-muted)}.workspace-toolbar-copy h1,.hero-panel h2,.section-heading h2,.empty-state h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.08;letter-spacing:-.03em}.workspace-toolbar-actions,.cta-row,.filter-row,.timeline-chip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-search-link,.toolbar-secondary-link,.toolbar-primary-link,.primary-link,.secondary-link,.filter-chip,.toggle-button,.timeline-chip{border-radius:14px;border:1px solid transparent;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.toolbar-search-link,.toolbar-secondary-link,.toolbar-primary-link,.primary-link,.secondary-link{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}.toolbar-search-link{min-width:214px;justify-content:flex-start;color:var(--text-muted);background:var(--panel-soft);border-color:var(--line)}.toolbar-secondary-link,.secondary-link{background:var(--panel-strong);border-color:var(--line);color:#2b3041}.toolbar-primary-link,.primary-link{background:linear-gradient(135deg,var(--accent-deep),var(--accent));border-color:rgba(var(--accent-rgb),.28);color:#fff;box-shadow:0 12px 24px rgba(var(--accent-rgb),.24)}.workspace-main{min-width:0}.page-stack{display:grid;gap:18px}.surface,.hero-panel,.metric-card,.philosopher-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) 360px;gap:18px}.hero-panel,.section-panel,.timeline-surface{padding:24px}.hero-panel{display:grid;gap:14px;min-height:220px;align-content:start;background:linear-gradient(145deg,#fffffffa,#f9fcffeb),linear-gradient(135deg,rgba(var(--accent-rgb),.07),#bae7ff1f)}.hero-panel h2{max-width:14ch}.metrics-grid{display:grid;gap:14px}.metric-card{padding:20px}.metric-card span{display:block;margin-bottom:10px;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.metric-card strong{display:block;margin-bottom:4px;font-size:2rem;line-height:1}.section-panel,.timeline-surface{background:var(--panel)}.section-heading{display:grid;gap:10px;margin-bottom:18px}.toolbar{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:16px;align-items:end}.search-field{display:grid;gap:8px}.search-field input{width:100%;min-height:48px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel-soft);outline:none;color:#1b1d26}.search-field input:focus{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.filter-chip{min-height:42px;padding:0 14px;background:var(--panel-soft);border-color:var(--line);color:#4d5364}.filter-chip-active{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.22);color:#16324e}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.philosopher-card{padding:20px}.philosopher-card-known{background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.22),transparent 30%),linear-gradient(180deg,#fffffffa,#f6fbfff0);border-color:rgba(var(--accent-rgb),.2)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.card-name-zh{margin:0;font-size:1.3rem;letter-spacing:-.02em}.card-name-en{margin:6px 0 0}.toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;background:#f9fcfffa;border:1px solid rgba(var(--accent-rgb),.14);color:#33384b;box-shadow:inset 0 0 0 1px #ffffff73}.toggle-button:not(.toggle-button-known):hover,.toggle-button:not(.toggle-button-known):focus-visible{background:#f0f8fffa;border-color:rgba(var(--accent-rgb),.26);color:#20466d}.toggle-button-known{padding:0 16px 0 14px;background:linear-gradient(135deg,#2489e3,#67c8ff);border-color:rgba(var(--accent-rgb),.34);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 28px rgba(var(--accent-rgb),.28)}.toggle-button-indicator{width:10px;height:10px;border-radius:50%;background:#fffffff5;box-shadow:0 0 0 4px #ffffff29,0 0 18px #ffffff4d}.meta-grid{display:grid;gap:12px;margin:0}.meta-grid div{display:grid;gap:4px}.meta-grid dd{margin:0;display:grid;gap:2px}.meta-grid dd span{color:var(--text-muted);font-size:.9rem}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{padding:6px 10px;border-radius:999px;background:#f2f7ff;border:1px solid rgba(var(--accent-rgb),.12);color:#4e6480;font-size:.84rem}.timeline-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.timeline-chip{min-height:36px;padding:0 12px;background:var(--panel-soft);border-color:var(--line);color:#5f6478;display:inline-flex;align-items:center}.timeline-chip-active{background:linear-gradient(135deg,var(--accent-deep),var(--accent));border-color:rgba(var(--accent-rgb),.26);color:#fff}.gantt-frame{display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#fbfdff}.gantt-label-column{background:linear-gradient(180deg,#fcfeff,#f2f8ff);border-right:1px solid var(--line)}.gantt-label-header{height:76px;display:flex;align-items:center;padding:0 20px;color:var(--text-soft);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.gantt-label-row{display:grid;align-content:center;gap:4px;padding:0 20px;border-bottom:1px solid rgba(28,31,43,.05)}.gantt-label-name,.gantt-label-subtitle,.gantt-label-years,.gantt-bar-text{margin:0}.gantt-label-name{font-size:.98rem;font-weight:600}.gantt-scroll{overflow-x:auto;overflow-y:hidden}.gantt-board{min-width:100%;background:linear-gradient(180deg,#ffffffe6,#f4faffeb)}.gantt-axis-row{position:relative;background:#ffffffdb;border-bottom:1px solid var(--line)}.gantt-axis-tick{position:absolute;top:18px;transform:translate(-50%);display:grid;justify-items:center;gap:8px;color:var(--text-soft);font-size:.75rem}.gantt-axis-tick:after{content:"";width:1px;height:16px;background:#1c1f2b24}.gantt-axis-tick-origin{color:var(--accent-deep)}.gantt-axis-tick-origin:after{background:rgba(var(--accent-rgb),.34)}.gantt-body{position:relative}.gantt-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#1c1f2b0e}.gantt-grid-line-origin{background:linear-gradient(180deg,rgba(var(--accent-rgb),.4),#c0e8ff38)}.gantt-origin-label{position:absolute;top:10px;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#fff;border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent-deep);font-size:.72rem;box-shadow:var(--shadow-soft)}.gantt-track-row{position:absolute;left:0;right:0}.gantt-track-lane{position:absolute;left:0;right:0;top:50%;height:18px;transform:translateY(-50%);border-radius:999px;background:#ffffffc2;box-shadow:inset 0 0 0 1px #1c1f2b08}.gantt-bar{position:absolute;top:50%;height:var(--gantt-bar-height);transform:translateY(-50%);border-radius:var(--gantt-bar-radius);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 24px #426e991f;overflow:visible;outline:none;transition:box-shadow .16s ease,transform .16s ease;z-index:1}.gantt-bar:hover,.gantt-bar:focus-visible{box-shadow:0 14px 28px #426e992e;z-index:3}.gantt-bar-open-ended{border-top-right-radius:var(--gantt-bar-radius);border-bottom-right-radius:var(--gantt-bar-radius)}.gantt-bar-startcap,.gantt-bar-endcap{position:absolute;top:0;bottom:0;width:var(--gantt-cap-width);pointer-events:none;opacity:.96}.gantt-bar-startcap{left:calc(var(--gantt-cap-width) * -1);border-top:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-bottom:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-left:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-right:0;border-top-left-radius:var(--gantt-bar-radius);border-bottom-left-radius:var(--gantt-bar-radius)}.gantt-bar-endcap{right:calc(var(--gantt-cap-width) * -1);border-top:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-right:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-bottom:var(--gantt-cap-stroke) solid rgba(var(--gantt-cap-rgb),.76);border-left:0;border-top-right-radius:var(--gantt-bar-radius);border-bottom-right-radius:var(--gantt-bar-radius)}.gantt-bar-endcap-open{border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-color:rgba(var(--gantt-cap-rgb),.64)}.gantt-bar-text{position:absolute;left:18px;right:18px;top:50%;transform:translateY(-50%);color:#fffffff5;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-guide{position:absolute;width:0;border-left:1px dashed rgba(var(--accent-rgb),.72);pointer-events:none;z-index:2}.gantt-guide-label{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:5px 9px;border-radius:10px;background:#fffffff5;border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 10px 22px rgba(var(--accent-rgb),.16);color:#1b4f81;font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap}.empty-state{padding:36px 28px;display:grid;gap:12px;justify-items:start}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.sidebar-panel{order:2}.hero-grid,.toolbar,.workspace-toolbar{grid-template-columns:1fr}.workspace-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width: 760px){.app-shell{width:min(100vw - 20px,1480px);margin:10px auto}.hero-grid,.toolbar{grid-template-columns:1fr}.workspace-toolbar-actions,.filter-row,.cta-row,.toolbar-search-link,.toolbar-secondary-link,.toolbar-primary-link,.primary-link,.secondary-link,.toggle-button{width:100%}.card-header{flex-direction:column;align-items:stretch}}