@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";
:root{--bg-page:#f8f6f2;--bg-surface:#fff;--text-primary:#1c1917;--accent:#8b6914;--border:#e2ddd7;--text-secondary:#57534e;--text-muted:#a8a29e;--bg-hover:#f3f0ea;--accent-light:#f5edd6;--accent-hover:#7a5c12;--shadow-sm:0 1px 3px #1c19170f;--shadow-md:0 4px 16px #1c191714;--shadow-lg:0 8px 32px #1c19171a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:.15s ease;--danger:#b91c1c;--danger-bg:#fef2f2;--danger-border:#fecaca;--success:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#b45309;--warning-bg:#fffbeb;--warning-border:#fde68a;--overlay:#1c191773;--border-strong:#c9c2b8;--domain-core:#c9845a;--domain-foundational:#3f5c4c;--domain-applied:#8a7256;--domain-edge:#b58a3f;--domain-line:#c9bea8;--domain-core-text:#2c1f14;--principle-cluster-1:#b25b3e;--principle-cluster-2:#6f7d47;--principle-cluster-3:#c2a033;--principle-cluster-4:#9c7a76;--border-faint:#d8d2c6;--border-subtle:#f0ede6}html[data-theme=dark]{--bg-page:#211d19;--bg-surface:#2a2521;--text-primary:#ece6dc;--text-secondary:#b7aea1;--text-muted:#7d7468;--accent:#d3ad66;--accent-light:#3a3025;--accent-hover:#e0be7e;--border:#3d362f;--border-strong:#524a40;--bg-hover:#322c26;--shadow-sm:0 1px 3px #00000052;--shadow-md:0 4px 16px #00000061;--shadow-lg:0 8px 32px #00000075;--danger:#f0a0a0;--danger-bg:#3a2323;--danger-border:#5c3232;--success:#8fc99a;--success-bg:#223328;--success-border:#33472f;--warning:#e0be7e;--warning-bg:#3a3025;--warning-border:#4e3f2e;--overlay:#0009;--domain-core:#c9a15a;--domain-foundational:#7a9e8e;--domain-applied:#c99a6b;--domain-edge:#c76b4f;--domain-line:#4d4334;--domain-core-text:#211d19;--principle-cluster-1:#d68868;--principle-cluster-2:#9db177;--principle-cluster-3:#d6b968;--principle-cluster-4:#bfa09c;--border-faint:#342e28;--border-subtle:#2e2823}html[data-skip-splash="1"] #zidu-splash-overlay{display:none!important}.zidu-splash-mark{font-family:var(--font-family-h1);letter-spacing:6px;color:var(--text-muted);font-size:15px;font-weight:500}.zidu-splash-couplet{flex-direction:column;align-items:center;gap:10px;display:flex}.zidu-splash-lead{font-family:var(--font-family-body);letter-spacing:7px;color:var(--text-muted);font-size:14px;font-weight:300;animation:1s both zidu-splash-fadein}.zidu-splash-reveal{font-family:var(--font-family-h1);letter-spacing:3px;color:var(--text-primary);font-size:clamp(32px,10vw,40px);font-weight:500;line-height:1;animation:.9s cubic-bezier(.16,.9,.3,1) .15s both zidu-splash-rise}.zidu-splash-couplet--second .zidu-splash-lead{animation-delay:.55s}.zidu-splash-couplet--second .zidu-splash-reveal{animation-delay:.7s}.zidu-splash-pause{background:var(--border-faint);border-radius:50%;width:3px;height:3px;animation:1.2s .4s both zidu-splash-fadein}.zidu-splash-river{background:var(--border);width:100%;max-width:250px;height:1px;margin-top:18px;position:relative}.zidu-splash-boat{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:5s ease-in-out infinite zidu-splash-drift;position:absolute;top:-3px;left:18%}.zidu-splash-chevron{opacity:.5;animation:2.4s ease-in-out infinite zidu-splash-pulse}.zidu-splash-cta{font-family:var(--font-family-meta);letter-spacing:3px;color:var(--text-muted);font-size:11px;font-weight:300}@keyframes zidu-splash-fadein{0%{opacity:0}to{opacity:1}}@keyframes zidu-splash-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes zidu-splash-drift{0%,to{left:18%}50%{left:72%}}@keyframes zidu-splash-pulse{0%,to{opacity:.25}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.zidu-splash-lead,.zidu-splash-reveal,.zidu-splash-pause,.zidu-splash-boat,.zidu-splash-chevron{animation:none}}.domain-graph-node-circle{transform-box:fill-box;transform-origin:50%;transition:transform .15s,stroke-width .15s}.domain-graph-node-circle:hover{transform:scale(1.08)}.graph-canvas{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);background-position:8px 8px;background-size:24px 24px;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.domain-graph-layout{flex-direction:column;gap:16px;display:flex}.domain-graph-chips{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.domain-graph-chips::-webkit-scrollbar{display:none}.domain-graph-chip{border:1px solid var(--border);height:28px;font-family:var(--font-family-body);color:var(--text-secondary);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border-radius:14px;flex-shrink:0;align-items:center;padding:0 13px;font-size:12px;display:flex}.domain-graph-chip--active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:500}.graph-legend{color:var(--text-muted);letter-spacing:.5px;pointer-events:none;flex-direction:column;gap:7px;font-size:11px;display:flex;position:absolute;bottom:10px;left:10px}.graph-legend-row{align-items:center;gap:8px;display:flex}.graph-legend-line{background:var(--border-faint);flex-shrink:0;width:22px;height:1px}.graph-legend-line--strong{background:var(--accent);height:2px}.graph-legend-dot{background:var(--text-secondary);opacity:.55;border-radius:50%;flex-shrink:0;width:9px;height:9px}.domain-graph-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:12px 20px 22px;display:flex}.domain-graph-panel--empty{display:none}.domain-graph-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 2px}.domain-graph-tags{flex-wrap:wrap;gap:6px;display:flex}.domain-graph-tag{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.5px;border-radius:9px;padding:3px 9px;font-size:10px}.domain-graph-panel-title{font-family:var(--font-family-h1);color:var(--text-primary);margin:0;font-size:17px;font-weight:500;line-height:1.4}.domain-graph-panel-desc{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.8}.domain-graph-cta{border-radius:var(--radius-sm);background:var(--text-primary);height:42px;color:var(--bg-page);font-family:var(--font-family-body);letter-spacing:1px;cursor:pointer;border:none;font-size:13px}.domain-graph-divider{background:var(--border);height:1px;margin:2px 0}.domain-graph-related-label{letter-spacing:2px;color:var(--text-muted);font-size:11px}.domain-graph-related-item{border:none;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;width:100%;font-family:var(--font-family-body);background:0 0;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 0;display:flex}.domain-graph-related-name{color:var(--text-primary);font-size:13px}.domain-graph-related-desc{color:var(--text-muted);font-size:11px;line-height:1.6}@media (min-width:640px){.graph-canvas{background-position:10px 10px;background-size:28px 28px}.graph-legend{bottom:20px;left:24px}}@media (min-width:1024px){.domain-graph-layout{flex-direction:row;align-items:flex-start;gap:24px}.graph-canvas{flex:1;max-width:560px;margin:0}.domain-graph-panel{flex-shrink:0;width:320px;padding:24px 24px 26px}.domain-graph-panel--empty{display:flex}.domain-graph-handle{display:none}.domain-graph-panel-title{font-size:20px}.domain-graph-panel-desc{font-size:13.5px;line-height:1.9}}.principle-graph-node-circle{transform-box:fill-box;transform-origin:50%;transition:transform .15s,stroke-width .15s}.principle-graph-node-circle:hover{stroke-width:2.2px;transform:scale(1.08)}:root{--font-size-h1:26px;--font-weight-h1:700;--font-family-h1:"Noto Serif SC", "Songti SC", serif;--font-family-book-title:"Noto Serif SC", "Songti SC", serif;--font-size-h2:16px;--font-weight-h2:600;--font-family-h2:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-size-body:14px;--font-weight-body:400;--font-family-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-size-meta:12px;--font-weight-meta:400;--font-family-meta:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--space-xs:8px;--space-sm:14px;--space-md:20px;--space-lg:32px;--space-xl:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.7}a{color:inherit;transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent)}::selection{background-color:var(--accent-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}[disabled],button:disabled,input:disabled{opacity:.45;cursor:not-allowed}.prose{letter-spacing:.02em;font-family:Noto Serif SC,Songti SC,serif;line-height:1.9}.brand-font{letter-spacing:.05em;font-family:Noto Serif SC,serif}.text-h1{font-family:var(--font-family-h1);font-size:var(--font-size-h1);font-weight:var(--font-weight-h1)}.text-h2{font-family:var(--font-family-h2);font-size:var(--font-size-h2);font-weight:var(--font-weight-h2)}.text-body{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body)}.text-meta{font-family:var(--font-family-meta);font-size:var(--font-size-meta);font-weight:var(--font-weight-meta);color:var(--text-muted)}.book-title{font-family:var(--font-family-book-title)}.tab-bar{align-items:center;gap:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{letter-spacing:.05em;color:var(--text-muted);padding:var(--space-xs) 2px calc(var(--space-xs) + 8px);cursor:pointer;transition:color var(--transition);white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;font-size:13px;font-weight:400;position:relative}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--text-primary);font-weight:600}.tab-item.active:after{content:"";background-color:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}:root{--cover-tint-1:#8b6914;--cover-tint-2:#c9845a;--cover-tint-3:#6b4f1f;--cover-tint-4:#a67c3d;--cover-tint-5:#9c5f3c}.btn-primary{color:#fff;background-color:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover)}.btn-more{width:22px;height:22px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.btn-more:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.search-icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.search-icon-btn:hover{background-color:var(--bg-hover);color:var(--accent)}.search-modal-overlay{background-color:var(--overlay);-webkit-backdrop-filter:blur(6px);z-index:200;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.search-modal{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:var(--space-md)}.media-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.media-card__media{aspect-ratio:3/4;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;overflow:hidden}.media-card__info{padding:10px var(--space-sm);border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width:640px){.book-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.book-grid .media-card__info{padding:6px!important}.book-grid .book-card-title{min-height:1.925rem!important;font-size:.6875rem!important}.book-grid .book-card-author{font-size:.625rem!important}.book-grid .card-badge{padding:1px 4px!important;font-size:.5rem!important}.book-grid .card-menu-btn{min-width:32px!important;min-height:32px!important}.book-grid .select-check-btn{width:32px!important;height:32px!important}}.theory-path-track{width:100%;position:relative}.theory-path-track:before{content:"";background:var(--border-faint);z-index:0;width:1.5px;position:absolute;top:4px;bottom:4px;left:11px}.theory-path-node{z-index:1;cursor:pointer;align-items:flex-start;gap:14px;width:100%;padding:12px 0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;text-decoration:none;display:flex;position:relative}.theory-path-node-circle{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.theory-path-node-circle:before{content:"";background:var(--bg-page);border:1.5px solid var(--border-faint);box-sizing:border-box;width:14px;height:14px;transition:transform var(--transition);border-radius:50%;display:block}.theory-path-node:hover .theory-path-node-circle:before{transform:scale(1.12)}.theory-path-node.completed .theory-path-node-circle:before{background:var(--accent);border-color:var(--accent)}.theory-path-node.current .theory-path-node-circle:before{background:var(--bg-page);border:2.5px solid var(--accent);width:24px;height:24px}.theory-path-node.current .theory-path-node-circle:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute}.theory-path-node-content{flex:1;min-width:0;padding-top:1px}.theory-path-node-label{font-family:var(--font-family-body);color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.6}.theory-path-node.current .theory-path-node-label{font-family:var(--font-family-h1);color:var(--text-primary);font-size:.9375rem;font-weight:500}.theory-path-node.completed .theory-path-node-label{color:var(--text-primary)}.theory-path-node-meta{color:var(--text-muted);margin-top:4px;font-size:.72rem}.mode-switch{scrollbar-width:none;border:1px solid var(--border);background:var(--bg-surface);border-radius:20px;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.mode-switch::-webkit-scrollbar{display:none}.mode-btn{white-space:nowrap;cursor:pointer;height:32px;font-family:var(--font-family-body);letter-spacing:.5px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:16px;flex-shrink:0;align-items:center;padding:0 15px;font-size:12.5px;text-decoration:none;display:inline-flex}.mode-btn:hover{color:var(--text-primary)}.mode-btn--active{background:var(--text-primary);color:var(--bg-page);font-weight:500}.mode-btn--active:hover{color:var(--bg-page)}.theory-progress-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.theory-progress-label{letter-spacing:2px;color:var(--text-muted);font-size:11px}.theory-progress-num{color:var(--text-primary);font-size:13px;font-weight:500}.theory-progress-bar{background:var(--border);border-radius:2px;height:3px;margin-bottom:36px;overflow:hidden}.theory-progress-fill{background:var(--accent);height:100%}.theory-branch-list{margin-top:4px;position:relative}.theory-branch{align-items:center;gap:12px;padding:10px 0 10px 11px;text-decoration:none;display:flex;position:relative}.theory-branch:before{content:"";background:var(--accent);opacity:.55;width:26px;height:1.2px;position:absolute;top:50%;left:0}.theory-branch-dot{z-index:1;background:var(--bg-surface);border:1.3px dashed var(--accent);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:26px;position:relative}.theory-branch-text{flex-direction:column;gap:2px;display:flex}.theory-branch-title{font-family:var(--font-family-body);color:var(--accent);letter-spacing:.5px;font-size:11px}.theory-branch-desc{color:var(--text-secondary);font-size:12px;line-height:1.6}.hub-page{max-width:960px;padding:var(--space-lg) var(--space-md) 72px;margin:0 auto}.hub-header{flex-direction:column;gap:8px;display:flex}.hub-kicker{letter-spacing:4px;color:var(--text-muted);font-size:12px}.hub-title{font-family:var(--font-family-h1);color:var(--text-primary);margin:0;font-size:24px;font-weight:500;line-height:1.4}.hub-sub{color:var(--text-secondary);max-width:560px;margin:0;font-size:13.5px;line-height:1.8}.hub-modes{flex-direction:column;gap:14px;margin-top:28px;display:flex}.hub-mode-card{background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;flex-direction:column;gap:12px;padding:22px 20px;text-decoration:none;display:flex}.hub-mode-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.hub-mode-icon{width:34px;height:34px}.hub-mode-title{font-family:var(--font-family-h1);color:var(--text-primary);font-size:17px;font-weight:500}.hub-mode-desc{color:var(--text-secondary);flex:1;margin:0;font-size:12.5px;line-height:1.8}.hub-mode-link{letter-spacing:1px;color:var(--accent);font-size:12px}.hub-divider{background:var(--border);height:1px;margin-top:36px}.hub-section-label{letter-spacing:3px;color:var(--text-muted);margin-top:28px;font-size:11px}.hub-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.hub-course-card{background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--transition);border-radius:10px;flex-direction:column;gap:10px;padding:18px 18px 20px;text-decoration:none;display:flex}.hub-course-card:hover{border-color:var(--accent)}.hub-course-card--locked{opacity:.5;cursor:default}.hub-course-card--locked:hover{border-color:var(--border)}.hub-course-ring{width:30px;height:30px}.hub-course-title{font-family:var(--font-family-h1);color:var(--text-primary);font-size:14.5px;font-weight:500;line-height:1.4}.hub-course-meta{letter-spacing:.5px;color:var(--text-muted);font-size:11px}@media (min-width:768px){.hub-title{font-size:30px}.hub-modes{flex-direction:row;gap:20px}.hub-mode-card{flex:1;padding:26px 24px}.hub-courses{grid-template-columns:repeat(auto-fill,minmax(200px,210px));gap:18px}}.theory-fusion-note{background:var(--accent-light);color:var(--text-secondary);border-radius:6px;margin-top:28px;padding:14px 16px;font-size:12px;line-height:1.8}.theory-fusion-note b{color:var(--accent)}.theory-quiz-option{transition:background var(--transition);background:0 0}.theory-quiz-option:hover{background:var(--accent-light)}.theory-collapsible-content{animation:.15s theory-collapsible-fade-in}@keyframes theory-collapsible-fade-in{0%{opacity:0}to{opacity:1}}