@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{color-scheme:dark;--background: 240 6% 6%;--foreground: 40 15% 92%;--card: 240 6% 9%;--card-foreground: 40 15% 92%;--popover: 240 6% 9%;--popover-foreground: 40 15% 92%;--primary: 38 80% 55%;--primary-foreground: 240 6% 6%;--secondary: 240 4% 14%;--secondary-foreground: 40 15% 88%;--muted: 240 4% 14%;--muted-foreground: 240 5% 66%;--accent: 38 40% 16%;--accent-foreground: 38 80% 65%;--destructive: 0 62% 45%;--destructive-foreground: 40 15% 92%;--border: 240 4% 16%;--input: 240 4% 20%;--ring: 38 80% 55%;--radius: .75rem}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground;font-family:PingFang SC,HarmonyOS Sans SC,MiSans,Noto Sans SC,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 60% 40% at 30% 0%,hsl(38 80% 55% / .1),transparent 65%),radial-gradient(ellipse 45% 35% at 80% 15%,hsl(20 70% 45% / .07),transparent 70%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(hsl(0 0% 100% / .025) 1px,transparent 1px);background-size:28px 28px}}@layer components{.display-font{font-family:PingFang SC,HarmonyOS Sans SC,MiSans,Noto Sans SC,sans-serif;font-weight:800;letter-spacing:.06em}.numeral-font{font-family:Georgia,Times New Roman,serif;font-weight:700}.note-font{font-family:Songti SC,"Noto Serif SC",STSong,SimSun,serif}.book-h1{@apply text-3xl font-extrabold tracking-wide text-foreground border-l-4 border-primary pl-4 my-8;line-height:1.4}.book-h2{@apply text-xl font-bold text-foreground mt-10 mb-4 flex items-center gap-2;}.book-h3{@apply text-lg font-bold text-foreground/90 mt-7 mb-3;}.book-p{@apply text-foreground/85 my-4 text-justify;font-weight:350;font-size:16px;line-height:2}.book-intro{@apply note-font text-base leading-loose text-muted-foreground bg-secondary/60 rounded-lg px-5 py-4 my-6;}.book-caption{@apply note-font text-sm text-muted-foreground text-center mt-3 mb-8 leading-relaxed;}.book-callout{@apply my-6 rounded-lg border-l-4 border-primary bg-accent/60 px-5 py-4 text-[15px] leading-loose text-accent-foreground;}.book-figure{@apply mx-auto my-6 max-w-full rounded-xl bg-[#f7f4ee] p-4 shadow-xl shadow-black/40;}.eq-bar{width:4px;border-radius:2px;background:hsl(var(--primary));opacity:.85;animation:eq-bounce 1.1s ease-in-out infinite}@keyframes eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}}@keyframes node-pulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.9);opacity:0}}.node-pulse{animation:node-pulse 2.6s ease-out infinite}@keyframes spine-shine{0%{background-position:0 -100%}to{background-position:0 200%}}.spine-shine{background:linear-gradient(to bottom,transparent,hsl(38 90% 60% / .7),transparent);background-size:100% 50%;animation:spine-shine 4.5s linear infinite}@keyframes lesson-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.lesson-in{animation:lesson-in .4s ease-out both}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:rise-in .8s ease-out both}.click-ripple{position:fixed;z-index:9999;width:8px;height:8px;border-radius:9999px;border:2px solid hsl(38 90% 55% / .85);pointer-events:none;transform:translate(-50%,-50%);animation:ripple-expand .55s ease-out forwards}@keyframes ripple-expand{0%{opacity:.9;width:8px;height:8px}to{opacity:0;width:56px;height:56px}}@keyframes spin-slow{to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow 9s linear infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.float-y{animation:float-y 4s ease-in-out infinite}@keyframes hint-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.hint-bounce{animation:hint-bounce 1.6s ease-in-out infinite}.title-design{background:linear-gradient(180deg,#fdfdfc 40%,#f0b042);-webkit-background-clip:text;background-clip:text;color:transparent}@layer components{.primary-action{@apply inline-flex min-h-12 items-center justify-center gap-2 rounded-lg bg-primary px-5 py-3 text-sm font-semibold text-background transition hover:bg-primary/90;}.secondary-action{@apply inline-flex min-h-12 items-center justify-center gap-2 rounded-lg border border-white/20 px-5 py-3 text-sm font-medium text-foreground transition hover:border-primary/60 hover:bg-primary/5;}.eyebrow{@apply text-[10px] font-medium tracking-[.18em] text-primary;}.section-heading{@apply text-xl font-semibold leading-relaxed tracking-wide sm:text-2xl;}.course-card{@apply rounded-xl border border-white/10 bg-white/[.025] p-6 transition hover:border-primary/30 sm:p-7;}.studio-card{background:radial-gradient(ellipse at 100% 0%,hsl(38 80% 55% / .1),transparent 65%),#151411}.skip-link{@apply fixed left-4 top-4 z-50 -translate-y-24 rounded-lg bg-primary px-4 py-3 text-background focus:translate-y-0;}}:where(a,button,summary,input):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before,.eq-bar,.float-y,.hint-bounce,.rise-in,.node-pulse,.spine-shine,.lesson-in{animation:none}}:root{--synth-color: #8fbfca;--sounds-color: #d3a3b7;--modern-color: #ee6c4b;--modern-rgb: 238 108 75;--modern-hsl: 12 83% 61.4%;--guofeng-color: #7ca0fc;--guofeng-rgb: 124 160 252;--guofeng-hsl: 223.1 95.5% 73.7%;--theory-color: #78cda7;--theory-rgb: 120 205 167;--theory-hsl: 153.2 45.9% 63.7%}.reader-shell[data-course=modern]{--primary:var(--modern-hsl);--ring:var(--modern-hsl);--course-rgb:var(--modern-rgb)}.reader-shell[data-course=guofeng]{--primary:var(--guofeng-hsl);--ring:var(--guofeng-hsl);--course-rgb:var(--guofeng-rgb)}:is(#books-modern,#promo-modern,.modern-feature,.chapter-tree:not(.chapter-tree-gf)){--primary:var(--modern-hsl);--ring:var(--modern-hsl);--course-rgb:var(--modern-rgb)}:is(#books-gf,#promo-gf,.guofeng-feature,.chapter-tree-gf){--primary:var(--guofeng-hsl);--ring:var(--guofeng-hsl);--course-rgb:var(--guofeng-rgb)}#course-foundations{--primary:var(--theory-hsl);--ring:var(--theory-hsl)}.reader-shell{--reading-accent:hsl(var(--primary));--reading-rgb:var(--course-rgb);--accent:var(--primary);--accent-foreground:var(--primary)}.reader-shell .reading-lesson-progress{--reading-accent:hsl(var(--primary));--reading-rgb:var(--course-rgb)}.reader-shell .reading-path-link,.reader-shell .lesson-quiz-link{color:hsl(var(--primary))}.reader-shell .reading-path-link:hover{color:hsl(var(--primary)/.85)}.reader-shell .lesson-mark-button.is-read{color:hsl(var(--primary));background:hsl(var(--primary)/.08);border-color:hsl(var(--primary)/.35)}.reader-shell .pulse-button.pulse-play:hover{background:hsl(var(--primary)/.85)}.reader-shell .guided-self-check>p{border-left-color:hsl(var(--primary)/.45)}:is(#books-modern,#books-gf,.reader-shell) :is(.guided-path,.guided-focus-block){--guide-accent:hsl(var(--primary));--guide-rgb:var(--course-rgb)}:is(#books-modern,#books-gf,.reader-shell) .guided-primary{background:hsl(var(--primary));color:#161719;border-color:hsl(var(--primary)/.7)}:is(#books-modern,#books-gf,.reader-shell) .guided-primary:hover{background:hsl(var(--primary)/.85)}.reader-shell .guided-reading-bar>a,.reader-shell .guided-reading-bar>button{color:hsl(var(--primary))}.reader-shell .guided-step-list .is-done .guided-step-number{color:hsl(var(--primary));border-color:hsl(var(--primary)/.45)}.site-nav-option.nav-course-theory{--nav-accent:var(--theory-color)}#clips-modern{--primary:var(--modern-hsl);--ring:var(--modern-hsl)}#clips-gf{--primary:var(--guofeng-hsl);--ring:var(--guofeng-hsl)}.student-access-dialog[data-course=modern]{--primary:var(--modern-hsl);--ring:var(--modern-hsl)}.student-access-dialog[data-course=guofeng]{--primary:var(--guofeng-hsl);--ring:var(--guofeng-hsl)}.reader-shell .reading-member-label{color:hsl(var(--primary))}.reader-shell .reading-detail--exercise{border-color:hsl(var(--primary)/.18)}:is(.reader-shell,#books-modern,#books-gf) :is(.reading-member-label,.student-case-gate>.lucide-lock-keyhole){color:hsl(var(--primary))}:is(.reader-shell,#books-modern,#books-gf) .audible-corner{background:#16171b;color:hsl(var(--primary));opacity:1;box-shadow:0 0 0 1px hsl(var(--primary)/.28)}.engagement{margin:32px 0;padding:30px;border:1px solid #b4bac426;background:#17191de8;border-radius:24px;color:#e3e5e9;scroll-margin-top:90px}.engagement-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.engagement-heading p,.engagement-detail header p{color:#a8b9c9;font-size:11px;letter-spacing:.15em;margin:0 0 8px}.engagement h2{font-family:inherit;font-size:28px;font-weight:650;margin:0 0 12px}.engagement-heading span{color:#a2a8b2;font-size:13px;line-height:1.9}.engagement button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff25;padding:9px 13px;border-radius:9px;font-size:12px;min-height:38px;color:#d2d9e2}.engagement button:disabled{opacity:.4;cursor:default}.engagement button:focus-visible,.engagement select:focus-visible,.engagement input:focus-visible{outline:2px solid #b0bbd4;outline-offset:3px}.engagement-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 14px}.engagement-metrics button{padding:20px;display:flex;align-items:flex-start;flex-direction:column;background:#24283080;min-width:0;border-color:#8c9bb32c}.engagement-metrics button.selected{border-color:#b2bfd080;background:#8aa2b31c}.engagement-metrics span{display:flex;align-items:center;gap:9px;color:#b0bdcd;font-size:13px}.engagement-metrics strong{font-size:36px;font-weight:550;font-variant-numeric:tabular-nums;margin:10px 0}.engagement-metrics small{font-size:12px;margin-left:10px;color:#97a3b1;font-weight:400}.engagement-metrics em{display:flex;align-items:center;gap:7px;font-size:10px;color:#8795a7;font-style:normal}.engagement-note{font-size:11px;color:#959daa;line-height:1.9;margin:14px 0}.engagement-distribution{margin:24px 0}.engagement-bar{display:flex;height:12px;border-radius:10px;overflow:hidden;background:#ffffff08}.engagement-bar span{height:100%;transition:width .3s}.engagement-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px}.engagement-legend>span{display:flex;align-items:center;gap:8px;color:#aab2bf;font-size:11px}.engagement-legend i{width:7px;height:7px;border-radius:50%}.engagement-legend b{color:#e2e7ed;font-variant-numeric:tabular-nums}.engagement-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px}.engagement-filters label{color:#aeb7c3;font-size:12px;display:flex;gap:8px;align-items:center}.engagement select,.engagement input{background:#101318;color:#d8dfe7;border:1px solid #ffffff23;border-radius:8px;padding:9px 10px;font-size:12px}.engagement-filters form{display:flex;gap:8px;align-items:center;margin-left:auto}.engagement-filters input{width:220px}.engagement-table{overflow:auto;width:100%}.engagement-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}.engagement-table th{font-weight:500;color:#8795a7;font-size:11px;white-space:nowrap;padding:12px 14px;border-bottom:1px solid #ffffff20}.engagement-table td{padding:17px 14px;border-bottom:1px solid #ffffff0e;vertical-align:top}.engagement-table td strong{font-weight:500;color:#d4dee9;max-width:300px;display:block;overflow-wrap:anywhere}.engagement-table small{display:block;color:#8993a2;font-size:10px;line-height:1.8;margin-top:6px}.engagement-table code{color:#a6b9c7;font-size:11px}.engagement-time{white-space:nowrap;color:#dbc9ac;font-variant-numeric:tabular-nums}.engagement-pagination{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:16px;font-size:11px;color:#98a4b2}.engagement-pagination>span:first-child{margin-right:auto}.engagement-extras{display:grid;gap:12px;margin-top:24px}.engagement details{border-top:1px solid #ffffff17;padding-top:14px;margin-top:14px}.engagement summary{cursor:pointer;color:#bbc4d0;font-size:13px;line-height:2;min-height:35px}.engagement summary>span{font-size:11px;margin-left:10px;color:#8a97a6}.engagement-contact-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.engagement-contact-counts>div{background:#22262c;padding:16px;border-radius:10px}.engagement-contact-counts span,.engagement-contact-counts p{font-size:11px;color:#8d9cab}.engagement-contact-counts strong{display:block;font-size:27px;font-weight:550;margin:10px 0}.engagement-contact-counts small{font-size:10px;color:#a5aeb9;margin-left:8px}.engagement-detail{margin-top:24px;background:#11151b;border:1px solid #94a7c03a;border-radius:14px;padding:24px;scroll-margin:80px}.engagement-detail header{display:flex;justify-content:space-between;gap:16px;margin-bottom:25px}.engagement-detail h3{font-size:19px;line-height:1.5;margin:4px 0 10px;overflow-wrap:anywhere}.engagement-detail span,.engagement-detail details p{color:#9fabbc;font-size:12px;line-height:1.9}.engagement-detail h4{font-size:14px;margin:16px 0}.engagement-events{list-style:none;display:grid;gap:14px;margin:14px 0;max-height:330px;overflow:auto}.engagement-events li{display:flex;gap:20px;font-size:12px}.engagement-events time{white-space:nowrap;color:#8694a7}.engagement-events small{display:block;color:#768396;font-size:10px}.engagement-error{color:#f3b5b1;font-size:13px;line-height:1.8}.engagement-empty{padding:36px;text-align:center;color:#91a1b3;font-size:13px}@media(max-width:900px){.engagement{padding:22px}.engagement-metrics{grid-template-columns:repeat(2,1fr)}.engagement-contact-counts{grid-template-columns:repeat(3,1fr)}.engagement-filters form{margin-left:0}.engagement-heading{gap:15px}.engagement-table table{min-width:650px}}@media(max-width:560px){.engagement{padding:18px 14px}.engagement-heading{flex-wrap:wrap}.engagement h2{font-size:25px}.engagement-metrics button{padding:14px}.engagement-metrics span{font-size:11px}.engagement-metrics strong{font-size:30px}.engagement-filters form{width:100%}.engagement-filters input{min-width:0;width:100%;font-size:16px}.engagement-pagination{flex-wrap:wrap}.engagement-contact-counts{grid-template-columns:repeat(2,1fr)}.engagement-detail{padding:16px}}.analytics-shell{min-height:100vh;background:#101112;color:#eeede8;font-family:inherit}.analytics-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff14}.analytics-top>a{color:#b7b6b0;font-size:14px}.analytics-top>span{color:#8b8d91;font-size:13px}.analytics-main{max-width:1288px;margin:auto;padding:44px 24px 80px}.analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.analytics-eyebrow{color:#d9ae58;font-size:11px;letter-spacing:.18em;font-weight:700}.analytics-heading h1{font-size:clamp(26px,3vw,38px);font-weight:650;line-height:1.3;margin:10px 0}.analytics-heading>div>p:last-child{color:#969aa1;font-size:15px}.analytics-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.analytics-shortcuts a{border:1px solid #ffffff20;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:6px;font-size:13px}.analytics-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0 14px}.analytics-ranges{display:flex;gap:4px;background:#1c1e22;padding:4px;border-radius:10px}.analytics-ranges button,.analytics-refresh{padding:9px 16px;border-radius:7px;font-size:13px;min-height:40px}.analytics-ranges [aria-pressed=true]{background:#d9ae58;color:#171510;font-weight:650}.analytics-toolbar label{font-size:13px;color:#a9adb5}.analytics-toolbar select{border:1px solid #ffffff22;background:#1c1e22;color:#eee;padding:10px 12px;border-radius:8px;margin-left:8px}.analytics-refresh{display:flex;gap:8px;align-items:center;border:1px solid #ffffff22;margin-left:auto}.analytics-meta{font-size:12px;line-height:1.8;color:#868d98}.analytics-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 30px}.analytics-metrics>div{padding:23px;background:linear-gradient(140deg,#1d1f23,#17181b);border:1px solid #ffffff13;border-radius:14px}.analytics-metrics span{display:flex;gap:8px;align-items:center;color:#bfc3cb;font-size:13px}.analytics-metrics span svg{color:#d9ae58}.analytics-metrics strong{display:block;font-size:32px;font-weight:600;margin:13px 0 8px;font-variant-numeric:tabular-nums;line-height:1.2}.analytics-metrics p{font-size:12px;color:#818994}.analytics-tabs{display:flex;gap:26px;border-bottom:1px solid #ffffff1a;margin-bottom:22px;overflow-x:auto}.analytics-tabs button{padding:12px 2px 15px;white-space:nowrap;border-bottom:2px solid transparent;color:#959da8;font-size:14px}.analytics-tabs [aria-pressed=true]{border-color:#d9ae58;color:#e8c17a}.analytics-panel{border:1px solid #ffffff16;background:#181a1e;border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.analytics-panel h2{font-weight:600;font-size:18px;margin:0 0 20px}.analytics-panel h3{font-size:15px;font-weight:600;margin:24px 0 12px}.analytics-panel-title{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.analytics-panel-title>span,.analytics-panel-title p{color:#9aa2ae;font-size:12px}.analytics-panel-title button{padding:8px}.analytics-chart{height:230px;display:flex;align-items:flex-end;gap:5px;padding:15px 0 0;overflow:hidden}.analytics-chart>div{min-width:0;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:8px}.analytics-chart b{font-size:11px;color:#c9ced8;font-weight:400}.analytics-chart i{display:block;width:80%;max-width:65px;background:linear-gradient(#ddb76d,#99763f);border-radius:4px 4px 0 0;min-height:1px}.analytics-chart span{height:26px;font-size:11px;white-space:nowrap;color:#8b939f}.analytics-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-bars>div{margin:18px 0}.analytics-bars>div>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px;font-size:13px;color:#bec5ce}.analytics-bars i{display:block;min-width:3px;height:7px;background:#af9258;border-radius:5px}.analytics-explanation{color:#9da6b2;font-size:13px;line-height:1.9;margin:10px 0}.analytics-empty{color:#9099a6;text-align:center;padding:44px 14px;line-height:1.8;font-size:14px}.analytics-table{overflow:auto;width:100%}.analytics-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.analytics-table th{white-space:nowrap;padding:12px 14px;background:#ffffff04;color:#838e9e;font-weight:500}.analytics-table td{padding:16px 14px;border-bottom:1px solid #ffffff0c;vertical-align:top;line-height:1.7;min-width:90px}.analytics-table td:first-child{min-width:200px}.analytics-table strong{font-weight:500;color:#e6e8ed}.analytics-table small,.analytics-timeline small{display:block;color:#818c9a;overflow-wrap:anywhere;font-size:11px;margin-top:4px}.analytics-gold{color:#e6bf74;font-size:17px}.analytics-table button,.analytics-pagination button,.analytics-search button{min-height:38px;padding:7px 12px;border:1px solid #d9ae5840;border-radius:7px;color:#e0bc79;white-space:nowrap}.analytics-depth{width:95px;height:4px;background:#ffffff12;border-radius:3px;margin:8px 0}.analytics-depth i{display:block;height:4px;background:#a7bdb8;border-radius:3px}.analytics-search{display:flex;gap:12px;align-items:center;margin:0 0 20px;padding:12px;background:#1a1d21;border:1px solid #ffffff15;border-radius:10px;color:#a8b0ba}.analytics-search input{flex:1;width:120px;background:transparent;outline:none;font-size:14px;padding:8px}.analytics-pagination{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:18px;font-size:12px;color:#98a1ad}.analytics-shell button:disabled{opacity:.4;cursor:default}.analytics-shell button:hover:not(:disabled),.analytics-shortcuts a:hover{filter:brightness(1.15);background-color:#ffffff09}.analytics-shell :focus-visible{outline:2px solid #d9ae58;outline-offset:3px}.analytics-success{color:#9ac7b1}.analytics-failure,.analytics-error{color:#e8a59e}.analytics-error{padding:14px;border:1px solid #a75c5744;background:#a75c5711;border-radius:8px}.analytics-detail{border-color:#d9ae5850;scroll-margin-top:24px}.analytics-timeline{list-style:none;max-height:600px;overflow:auto}.analytics-timeline li{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid #ffffff0a;font-size:13px}.analytics-timeline time{color:#8d99a7;min-width:155px;font-size:12px}.analytics-timeline strong{font-weight:500}.analytics-detail .analytics-meta{margin-top:20px}@media(max-width:800px){.analytics-heading{align-items:flex-start;flex-direction:column}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.analytics-two{grid-template-columns:1fr;gap:0}.analytics-top>span{display:none}.analytics-panel{padding:18px}.analytics-main{padding:28px 16px 60px}.analytics-refresh{margin-left:0}.analytics-metrics strong{font-size:27px}.analytics-metrics>div{padding:17px}.analytics-timeline li{flex-direction:column;gap:5px}.analytics-tabs{gap:20px}}.analytics-shortcuts a.analytics-lucky-draw{color:#edcb89;border-color:#d9ae5870;background:#d9ae5814;min-height:44px}.analytics-donut-layout{display:flex;align-items:center;gap:24px;min-height:248px}.analytics-donut{position:relative;width:220px;max-width:48%;flex-shrink:0}.analytics-donut svg{display:block;width:100%;overflow:visible}.analytics-donut circle{transition:stroke-width .18s,opacity .18s}.analytics-donut-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.analytics-donut-value strong{font-size:30px;line-height:1.2;color:#eee4d0;font-weight:550;font-variant-numeric:tabular-nums}.analytics-donut-value span{font-size:12px;color:#8e98a4;margin-top:9px}.analytics-donut-legend{flex:1;min-width:0;display:grid;gap:8px}.analytics-donut-legend button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:56px;padding:8px;border-radius:8px}.analytics-donut-legend button[aria-pressed=true]{background:#ffffff08}.analytics-donut-legend i,.analytics-column-key i{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}.analytics-donut-legend span{font-size:13px;color:#c8cdd3;flex:1}.analytics-donut-legend span small{display:block;font-size:11px;color:#818c99;margin-top:3px}.analytics-donut-legend strong{font-size:16px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.analytics-donut-legend strong small,.analytics-ranked-label strong small{margin-left:4px;font-size:10px;font-weight:400;color:#778392}.analytics-ranked-bars{display:grid;gap:19px;margin-top:5px}.analytics-ranked-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;margin-bottom:9px}.analytics-ranked-label>span{display:flex;gap:10px;color:#bcc4ce;overflow-wrap:anywhere}.analytics-ranked-label>span small{color:#6e7988;font:10px ui-monospace,monospace;line-height:1.8}.analytics-ranked-label strong{font-size:14px;font-weight:500;white-space:nowrap}.analytics-ranked-track{height:7px;border-radius:5px;background:#ffffff06;overflow:hidden}.analytics-ranked-track i{display:block;height:100%;border-radius:5px;min-width:2px}.analytics-column-key{display:flex;align-items:center;gap:20px;font-size:11px;color:#adb7c3;margin:0 0 24px}.analytics-column-key>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.analytics-column-key p{margin-left:auto;font-size:11px;color:#8f99a6;min-height:18px}.analytics-column-area{display:flex;gap:12px;height:245px}.analytics-y-axis{width:32px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;text-align:right;color:#6e7c8d;padding-bottom:29px}.analytics-column-scroll{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#666c7480 transparent}.analytics-column-plot{position:relative;height:100%}.analytics-column-grid{position:absolute;inset:0 0 30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.analytics-column-grid i{display:block;border-top:1px dashed #ffffff0e}.analytics-column-groups{height:100%;position:relative;display:flex;gap:4px}.analytics-column-groups .analytics-column-day{display:flex;align-items:center;flex-direction:column;width:100%;flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;filter:none}.analytics-column-day:hover,.analytics-column-day[aria-pressed=true]{background:#ffffff05!important}.analytics-column-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:75%;max-width:76px;height:calc(100% - 30px)}.analytics-column-pair i{display:block;flex:1;max-width:31px;border-radius:3px 3px 0 0}.analytics-column-pair .is-pv{background:#dab773}.analytics-column-pair .is-visits{background:#83bcb0}.analytics-column-day>small{font-size:10px;white-space:nowrap;color:#8794a3;height:30px;padding-top:11px;line-height:1.3}@media(max-width:1050px){.analytics-donut-layout{gap:8px}.analytics-donut-legend button{padding:6px;gap:7px}.analytics-donut-value strong{font-size:26px}}@media(max-width:600px){.analytics-donut-layout{gap:18px}.analytics-donut{width:200px}.analytics-column-key{flex-wrap:wrap;gap:10px 18px}.analytics-column-key p{width:100%;margin-left:0}.analytics-column-area{height:215px}.analytics-column-pair{gap:2px}.analytics-column-day>small{font-size:9px}.analytics-y-axis{width:25px}.analytics-panel-title{flex-wrap:wrap;gap:0 12px}.analytics-panel-title>span{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.analytics-donut circle{transition:none}}.site-metrics-editor{margin-top:24px}.site-metrics-editor summary{cursor:pointer;font-size:15px;font-weight:550}.site-metrics-editor summary span{font-size:11px;color:#919a9a;font-weight:400;margin-left:14px}.site-metrics-editor form{padding-top:20px}.site-metrics-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.site-metrics-fields fieldset{border:1px solid #ffffff1c;border-radius:9px;padding:15px}.site-metrics-fields legend{color:#cfb377;padding:0 8px;font-size:13px}.site-metrics-editor label{display:block;color:#a9b1ae;font-size:12px;margin-top:12px}.site-metrics-editor input,.site-metrics-editor select{display:block;width:100%;border:1px solid #ffffff20;background:#101313;border-radius:7px;padding:10px 12px;color:#deded6;margin-top:7px;min-height:42px}.site-metrics-students{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.site-metrics-students p{grid-column:1/-1;color:#8b9890;font-size:11px}.site-metrics-save{padding:12px 20px;border:1px solid #d4b06c70;border-radius:7px;color:#d8ba7e;background:#d4b06c0c;margin-top:18px}.site-metrics-save+span{font-size:12px;color:#9ec3ad;margin-left:16px}@media(max-width:650px){.site-metrics-fields,.site-metrics-students{grid-template-columns:1fr}.site-metrics-editor summary span{display:block;margin:8px 0}}.analytics-shortcuts.analytics-shortcut-groups{display:grid;grid-template-columns:1fr 1fr;max-width:760px;gap:12px;justify-content:initial}.analytics-shortcut-group{--group:#93b3d4;--group-bg:#203145;border:1px solid color-mix(in srgb,var(--group),transparent 70%);background:color-mix(in srgb,var(--group-bg),transparent 35%);border-radius:10px;padding:11px 13px}.analytics-shortcut-group>span{display:block;color:var(--group);font-size:11px;letter-spacing:.08em;margin-bottom:8px}.analytics-shortcut-group>div{display:flex;flex-wrap:wrap;gap:7px}.analytics-shortcuts .analytics-shortcut-group a{border-color:color-mix(in srgb,var(--group),transparent 60%);color:color-mix(in srgb,var(--group),white 30%);background:color-mix(in srgb,var(--group-bg),transparent 20%);font-size:12px;min-height:38px;padding:7px 10px}.admin-classroom{--group:#9acdaf;--group-bg:#254233}.admin-students{--group:#9abde5;--group-bg:#273e59}.admin-website{--group:#c0aadf;--group-bg:#3f3055}.admin-tools{--group:#dcc18a;--group-bg:#4a3b24}@media(max-width:650px){.analytics-shortcuts.analytics-shortcut-groups{grid-template-columns:1fr;width:100%}}.course-students{max-width:1100px;margin:0 auto;padding:50px 24px 80px;color:#e7e7ec;font-family:inherit}.course-students header>a{font-size:13px;color:#b7afb9}.course-students h1{font-size:28px;font-weight:650;margin:20px 0 12px}.course-students h2{font-size:17px;font-weight:600}.course-students p{font-size:13px;line-height:1.8;color:#a4a4ad}.course-student-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.course-student-counts>.course-student-stat{padding:20px;text-align:left;border:1px solid #ffffff18;border-radius:12px;background:#171719}.course-student-counts [aria-pressed=true]{border-color:#bfa269}.course-student-counts span{font-size:13px}.course-student-counts strong{display:block;font-size:28px;font-weight:600;margin-top:12px}.course-students [data-course=modern]{color:var(--modern-color)}.course-students [data-course=guofeng]{color:var(--guofeng-color)}.course-student-help{margin:14px 0 30px}.course-student-add{padding:25px;background:#171719;border:1px solid #ffffff16;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.course-student-add>div{grid-column:1/-1}.course-students label{font-size:13px;display:grid;gap:8px}.course-students :is(input,textarea,select){background:#101012;border:1px solid #ffffff25;border-radius:7px;padding:10px 12px;font-size:13px;font-family:inherit;color:#dedde5;min-height:42px;max-width:100%}.course-students :is(input,textarea,select):focus-visible{outline:2px solid #bfa269;outline-offset:3px}.course-student-save{background:#bfa269;color:#171717;font-size:13px;font-weight:600;padding:12px 18px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;grid-column:2}.course-student-filter{display:flex;gap:12px;align-items:center;margin:35px 0 16px}.course-student-filter>label{display:flex;align-items:center;position:relative;flex:1}.course-student-filter svg{position:absolute;left:12px;color:#9e9aa6}.course-student-filter input{width:100%;padding-left:38px}.course-student-filter>span{font-size:12px;color:#a4a4ad}.course-student-table{overflow-x:auto}.course-students table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.course-students th{font-weight:500;color:#a4a4ad}.course-students :is(th,td){padding:14px 12px;border-bottom:1px solid #ffffff12}.course-students td>span{display:inline-block;border-radius:5px;padding:4px 7px;background:#ffffff06;margin:3px}.course-students footer{display:flex;justify-content:flex-end;gap:18px;align-items:center;padding-top:25px;font-size:13px}.course-students footer button{border:1px solid #ffffff20;border-radius:6px;padding:9px 15px}.course-students button:disabled{opacity:.4}.course-students .course-student-error{color:#ee9a95}.course-students .course-student-success{color:#b5c9b9}@media(max-width:640px){.course-students{padding:30px 16px}.course-student-counts{grid-template-columns:1fr 1fr}.course-student-add{grid-template-columns:1fr;padding:18px}.course-student-save{grid-column:1}.course-student-filter{flex-wrap:wrap}.course-student-filter>label{flex-basis:100%}.course-students td{min-width:145px}.course-students td:first-child{min-width:210px;overflow-wrap:anywhere}}.course-student-batch{margin:0;align-self:center}.course-student-save{grid-column:auto}.guided-path,.guided-focus-block{--guide-accent:var(--reading-accent,#efad8e);--guide-rgb:239 173 142}.guided-path.is-guofeng,.guided-focus-block.is-guofeng{--guide-accent:#a9bbff;--guide-rgb:169 187 255}.guided-path-intro{margin:30px 0 24px;max-width:760px}.guided-kicker{color:var(--guide-accent);font-size:12px;letter-spacing:.06em}.guided-path-intro h3{font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.5;margin:9px 0 12px;color:hsl(var(--foreground))}.guided-path-intro>p:last-child{font-size:15px;line-height:1.9;color:#b9b4bf;max-width:55em}.guided-current{padding:26px 30px;border:1px solid rgb(var(--guide-rgb)/.4);border-radius:16px;background:linear-gradient(120deg,#242126,#17181d);margin-bottom:25px}.guided-current-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7;color:#b0aab5}.guided-current-top>span:first-child{display:flex;align-items:center;gap:8px;color:var(--guide-accent)}.guided-current-top svg{width:16px;height:16px}.guided-current h4{font-size:27px;font-weight:600;line-height:1.5;color:#f4eee9;margin:12px 0 9px}.guided-current>p{font-size:15px;line-height:1.9;color:#c2bcc6;max-width:55em}.guided-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 19px;border:1px solid #ebc69a99;border-radius:10px;background:linear-gradient(180deg,#e5c69a,#d4b17f);color:#211c15;font-size:14px;font-weight:650;line-height:1.6;box-shadow:inset 0 1px #fff5,0 3px #07080a;transition:background .15s,transform .15s}.guided-primary:hover{background:#efd4ad;transform:translateY(-1px)}.guided-primary>span{font-size:11px;font-weight:400;border-left:1px solid #211c1538;padding-left:10px}.guided-primary svg{width:17px;height:17px;flex-shrink:0}.guided-primary:disabled{opacity:.6;cursor:wait}.guided-current .guided-primary{margin-top:19px}.guided-progress{height:3px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-top:25px}.guided-progress>span{display:block;height:100%;background:var(--guide-accent);transition:width .2s}.guided-route-label{display:flex;align-items:center;gap:10px;color:#b8b1bd;font-size:13px;line-height:1.8;margin:0 0 18px 4px}.guided-route-label svg{width:19px;height:19px;color:var(--guide-accent);flex-shrink:0}.guided-stages{display:flex;flex-direction:column;gap:16px}.guided-stage{border:1px solid #ffffff20;border-radius:13px;background:#15161ac7;min-width:0}.guided-stage>summary{display:flex;align-items:center;gap:17px;padding:23px 26px;min-height:88px;cursor:pointer;list-style:none}.guided-stage>summary::-webkit-details-marker{display:none}.guided-stage>summary::marker{content:""}.guided-stage-number{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;border:1px solid rgb(var(--guide-rgb)/.6);color:var(--guide-accent);background:#1c1b21;font:13px ui-monospace,monospace;flex-shrink:0}.guided-stage-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.guided-stage-name strong{font-size:19px;line-height:1.5;font-weight:550;color:#eee9e5}.guided-stage-name>span{font-size:13px;line-height:1.8;color:#aca5b1}.guided-stage-count{font-size:13px;font-variant-numeric:tabular-nums;color:#aaa3af;white-space:nowrap}.guided-stage>summary>svg{width:18px;height:18px;color:#beb5c4;flex-shrink:0;transition:transform .15s}.guided-stage[open]>summary>svg{transform:rotate(180deg)}.guided-step-list{list-style:none;margin:0 26px 18px;padding:0;border-top:1px solid #ffffff0e}.guided-step-list>li{position:relative;margin:0;padding:0}.guided-step-list>li:not(:last-child):after{content:"";position:absolute;left:18px;top:48px;bottom:-19px;width:2px;background:rgb(var(--guide-rgb)/.27);pointer-events:none}.guided-step-list>li>a{display:flex;align-items:flex-start;gap:17px;min-height:92px;padding:19px 0;color:#e2dbe5;position:relative;border-radius:9px}.guided-step-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #ffffff29;border-radius:50%;color:#aba4af;background:#191a1f;font:12px ui-monospace,monospace;flex-shrink:0}.guided-step-number svg{width:16px;height:16px}.guided-step-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:3px}.guided-step-copy>strong{font-size:16px;line-height:1.7;font-weight:550}.guided-step-copy>span{font-size:12px;line-height:1.7;color:#a39ca9}.guided-step-copy>q{font-size:14px;line-height:1.85;color:#d6bda6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:52em;quotes:none;margin-top:4px}.guided-step-state{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px;color:#b1a8b6;line-height:24px;padding-top:6px}.guided-step-state svg{width:18px;height:18px}.guided-step-list .is-current .guided-step-number{border-color:var(--guide-accent);background:rgb(var(--guide-rgb)/.12);color:var(--guide-accent);box-shadow:0 0 0 4px rgb(var(--guide-rgb)/.05)}.guided-step-list .is-current .guided-step-state,.guided-step-list .is-current strong{color:var(--guide-accent)}.guided-step-list .is-done .guided-step-number{color:#ddc89e;border-color:#ddc89e66}.guided-step-list>li>a:hover .guided-step-copy>strong{color:#f4d2a9;text-decoration:underline;text-underline-offset:5px}.guided-path-foot{margin:20px 0 8px;color:#a39ca9;font-size:12px;line-height:1.9}.guided-reading-bar{position:sticky;top:73px;z-index:12;display:flex;align-items:center;gap:12px;min-height:75px;padding:11px 13px;margin-bottom:22px;border:1px solid #e0c79c35;border-radius:11px;background:#1b1b20;box-shadow:0 7px 25px #0005}.guided-reading-bar>a,.guided-reading-bar>button{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:44px;min-height:44px;color:#dfc8a5;font-size:12px}.guided-reading-bar>div{min-width:0;flex:1}.guided-reading-bar>div>span{display:block;font-size:11px;line-height:1.7;color:#aba2b0}.guided-reading-bar strong{display:block;font-size:14px;line-height:1.7;color:#eee6dc;font-weight:550}.guided-reading-bar svg{width:17px;height:17px;flex-shrink:0}.guided-reading-bar>.guided-exit{min-width:44px;color:#a49daa}.guided-focus-block{scroll-margin-top:172px;border:1px solid rgb(var(--guide-rgb)/.4);border-left:3px solid var(--guide-accent);border-radius:0 12px 12px 0;background:#1b1a1e88;margin:28px 0;padding:20px 23px;max-width:42rem}.guided-focus-block:focus{outline:none}.guided-focus-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--guide-accent);font-size:12px;line-height:1.7;letter-spacing:.02em}.guided-focus-heading>span{display:flex;align-items:center;gap:6px}.guided-focus-heading svg{width:15px;height:15px}.reading-article .guided-focus-block>.book-p{font-size:17px;line-height:2;color:#b9b2bd;margin:14px 0 18px}.guided-quote{background:rgb(var(--guide-rgb)/.13);color:#f9e2c3;font-weight:600;padding:3px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-bottom:1px solid rgb(var(--guide-rgb)/.65)}.guided-focus-block.is-guofeng .guided-quote{color:#e1e6ff}.guided-task{border-top:1px solid #ffffff13;padding-top:15px}.guided-task .guided-why{font-size:13px;line-height:1.9;color:#afa6b5;margin:0 0 15px}.guided-task>h3{font-size:14px;font-weight:600;line-height:1.7;color:#e8ddd0;margin:0 0 6px}.guided-task>p:not(.guided-why):not(.guided-next-note){font-size:15px;line-height:1.9;color:#d5cdd8;margin:0}.guided-self-check{margin:12px 0 17px}.guided-self-check>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:13px;color:#c5b59e;cursor:pointer}.guided-self-check>summary::-webkit-details-marker{display:none}.guided-self-check[open]>summary>svg{transform:rotate(180deg)}.guided-self-check>p{font-size:14px;line-height:1.9;color:#c0b9c5;padding:11px 14px;border-left:2px solid #dec79e55;background:#ffffff03;margin:0 0 13px}.guided-task-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.guided-previous{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#bfb4c5;font-size:13px}.guided-previous svg{width:16px;height:16px}.guided-task-actions .guided-primary{margin-left:auto}.guided-task-secondary{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:5px}.guided-task-secondary>a,.guided-task-secondary>button{display:inline-flex;align-items:center;min-height:44px;color:#a9a0b0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.guided-task .guided-next-note{font-size:13px;line-height:1.8;color:#cfc1b3;margin:9px 0 0;padding-top:13px;border-top:1px solid #ffffff0e}.guided-next-note>span{display:block;font-size:11px;color:#a59bab;margin-top:3px}.guided-task .reading-save-status{margin-top:12px}.guided-missing{padding:17px;border:1px solid #e0c79c55;border-radius:9px;font-size:14px;line-height:1.8;color:#c9c0ce}.guided-missing a{color:#e0c79c;text-decoration:underline;margin:0 5px}:is(.guided-path,.guided-reading-bar,.guided-focus-block) :is(a,button,summary):focus-visible{outline:2px solid #e7c899;outline-offset:4px}@media(max-width:700px){.guided-path-intro{margin-top:22px}.guided-path-intro>p:last-child{font-size:14px}.guided-current{padding:21px 19px}.guided-current-top{font-size:11px;gap:8px}.guided-current h4{font-size:23px}.guided-current>p{font-size:14px}.guided-current .guided-primary{width:100%;padding-inline:12px}.guided-stage>summary{padding:19px 15px;gap:10px;align-items:flex-start}.guided-stage-number{width:30px;height:30px;font-size:11px;margin-top:2px}.guided-stage-name strong{font-size:16px}.guided-stage-name>span{font-size:12px}.guided-stage-count{font-size:11px;margin-top:6px}.guided-stage-count>span{display:none}.guided-stage>summary>svg{width:15px;height:15px;margin-top:7px}.guided-step-list{margin:0 15px 13px}.guided-step-list>li>a{gap:12px;min-height:88px;padding:16px 0}.guided-step-list>li:not(:last-child):after{left:14px;top:44px;bottom:-17px}.guided-step-number{width:30px;height:30px;font-size:11px;margin-top:3px}.guided-step-copy>strong{font-size:15px}.guided-step-copy>span{font-size:11px}.guided-step-copy>q{font-size:13px}.guided-step-state{font-size:11px;gap:4px;padding-top:5px}.guided-step-state svg{width:15px;height:15px}.guided-route-label{font-size:12px;align-items:flex-start}.guided-reading-bar{top:73px;padding:8px;gap:7px;min-height:77px;margin-inline:-3px}.guided-reading-bar>a>span,.guided-reading-bar>button>span{display:none}.guided-reading-bar>div>span{font-size:10px}.guided-reading-bar strong{font-size:12px;line-height:1.8}.guided-reading-bar>.guided-exit{min-width:44px}.guided-focus-block{padding:17px 16px;scroll-margin-top:169px}.reading-article .guided-focus-block>.book-p{font-size:17px}.guided-task-actions .guided-primary{width:100%;margin-left:0}.guided-previous{min-height:40px}.guided-task-secondary{justify-content:flex-start}.guided-task .guided-why{font-size:13px}.guided-self-check>p{padding:10px 11px}}@media(prefers-reduced-motion:reduce){.guided-path *,.guided-reading-bar *,.guided-focus-block *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.guided-reading-bar,.guided-task,.guided-focus-heading{display:none!important}.guided-focus-block{border:0;padding:0;background:none}.guided-quote{background:none;border:0;color:inherit}}.animated-collapse{height:0;overflow:hidden;transition:height .38s cubic-bezier(.22,.7,.25,1)}.animated-collapse[data-open=true]{height:var(--collapse-height,0px)}.animated-collapse-content{display:flow-root;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .23s ease,transform .38s cubic-bezier(.22,.7,.25,1),visibility 0s .38s}.animated-collapse[data-open=true]>.animated-collapse-content{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.chapter-toggle>svg:last-child{transition:transform .3s ease}@media(prefers-reduced-motion:reduce){.animated-collapse,.animated-collapse-content,.chapter-toggle>svg:last-child{transition:none;transform:none}}.portal .course-showcase{padding-top:14px;padding-bottom:26px}.portal .showcase-heading{margin-bottom:22px}.portal .showcase-heading h2{margin-top:7px}.foundations-card{--course-accent-rgb:var(--theory-rgb)}.theory-entry-actions{margin-top:auto}.theory-entry-actions .feature-primary{min-height:100px}.portal-catalog{max-width:1024px;letter-spacing:0}.portal-catalog .chapter-toggle{min-height:56px;padding:10px 16px;gap:12px}.portal-catalog .chapter-icon{width:32px;height:32px;border-radius:8px}.portal-catalog .chapter-icon svg{width:21px;height:21px}.portal-catalog .chapter-title{font-size:14px;line-height:1.5}.portal-catalog .chapter-number{font-size:12px}.portal-catalog .chapter-count{font-size:11px}.portal-catalog .catalog-lesson{min-height:40px;padding-top:7px;padding-bottom:7px;line-height:1.5;font-size:13px}.portal-catalog .catalog-lesson>span{line-height:1.5}.portal-catalog .reading-library-head{margin-bottom:12px}.portal-catalog .chapter-list-controls{margin-top:12px;margin-bottom:10px}.portal-catalog .reading-library-foot{margin-top:14px}.portal-catalog-heading .section-heading{font-size:clamp(23px,3vw,30px)}.portal-catalog-heading>p:last-child{margin-top:8px;font-size:12px;line-height:1.7}.chapter-tree.chapter-tree-theory{--chapter-accent:var(--theory-color);--chapter-rgb:var(--theory-rgb)}.portal-catalog-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px;line-height:1.8;color:#9997a1}.portal-catalog-note a{display:inline-flex;gap:4px;align-items:center;color:var(--theory-color)}@media(max-width:767px){.portal .course-showcase{padding-top:12px;padding-bottom:16px}.portal .showcase-heading{margin-bottom:18px}.portal-catalog .chapter-toggle{min-height:52px;gap:8px;padding:9px 10px}.portal-catalog .chapter-title{font-size:13px}.portal-catalog .chapter-icon{width:28px;height:28px}.portal-catalog .catalog-lesson{min-height:44px;font-size:13px}.portal-catalog .chapter-count{display:none}.theory-entry-actions .feature-primary{min-height:84px}}.portal-catalog .reading-mode-tabs button{min-height:38px;padding:7px 17px;font-size:13px}.portal-catalog .reading-totals strong{font-size:18px}.portal-catalog .reading-mode-intro{font-size:11px;min-height:32px;margin-bottom:10px}.portal-catalog .reading-mode-intro>svg{width:38px}#books-theory .eyebrow{color:var(--theory-color)}#books-modern .eyebrow{color:var(--modern-color)}#books-gf .eyebrow{color:var(--guofeng-color)}.portal-sounds{padding-top:18px;padding-bottom:26px;position:relative;scroll-margin-top:96px}.portal-sounds:before{content:"";display:block;height:1px;background:#ffffff15;margin-bottom:22px}.inline-sound-panel{border:1px solid #d3a3b738;border-radius:16px;background:#1f1b1d99;overflow:hidden;color:#e9e2e5}.inline-sound-header{display:flex;align-items:center;gap:18px;padding-right:24px}.inline-sound-entry{display:flex;align-items:center;flex:1;gap:16px;min-width:0;align-self:stretch;padding:24px}.inline-sound-entry:hover{background:#d3a3b70b}.inline-sound-symbol{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#d3a3b711;color:#d3a3b7}.inline-sound-symbol svg{width:24px;height:24px}.inline-sound-heading{min-width:0}.inline-sound-heading>span{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600}.inline-sound-heading>span svg{color:#baa0aa}.inline-sound-heading small{display:block;font-size:12px;color:#a5979c;margin-top:6px;line-height:1.7}.inline-sound-toggle{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:11px 16px;border:1px solid #cdb5be75;border-radius:9px;background:#d3a3b71b;box-shadow:0 2px 5px #0002;font-size:12px;font-weight:600;color:#ebe1e5;white-space:nowrap}.inline-sound-toggle:hover{background:#d3a3b730;border-color:#deced4}.inline-sound-toggle svg,.inline-image-toggle svg{transition:transform .3s ease}.inline-sound-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.inline-image-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.inline-sound-fold{display:grid;grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .24s,visibility 0s}.inline-sound-fold>div{min-height:0;overflow:hidden}.inline-sound-fold[data-open=false]{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .18s,visibility 0s .38s}.inline-sound-collapsed-note{font-size:12px;line-height:1.8;color:#a8949c;padding-top:8px}.inline-sound-loading{padding:32px;font-size:13px;color:#c9b6bd}.inline-sound-library{border-top:1px solid #d3a3b722}.inline-sound-library>.sound-browser-filters{padding:20px 24px;margin:0;border-bottom:1px solid #d3a3b722;background:#1d181aa8}.inline-sound-sidebar{padding:18px 12px 18px 18px;border-right:1px solid #d3a3b722;min-width:0}.inline-sound-sidebar h3{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 6px 12px}.inline-sound-sidebar h3 small{font-size:10px;font-weight:400;color:#a49198}.inline-sound-products{max-height:490px;overflow:auto;scrollbar-width:thin;scrollbar-color:#816b7380 transparent;padding-right:6px}.inline-sound-products>button{display:block;width:100%;text-align:left;padding:12px;border:1px solid transparent;border-radius:9px;line-height:1.5;color:#e3dadd;overflow-wrap:anywhere;margin-bottom:5px}.inline-sound-products>button[aria-pressed=true]{background:#d3a3b71e;border-color:#d3a3b757;box-shadow:inset 3px 0 #dbc8cf}.inline-sound-products>button:hover{background:#d3a3b715}.inline-sound-products strong{display:block;font-size:13px;font-weight:600;margin:7px 0 3px}.inline-sound-preview{padding:22px;min-width:0}.inline-sound-preview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.inline-sound-preview>header h3{font-size:22px;margin:9px 0 4px;line-height:1.4;overflow-wrap:anywhere}.inline-sound-preview>header a{display:flex;gap:5px;align-items:center;flex-shrink:0;font-size:11px;color:#dfcfd5;border:1px solid #d3a3b750;border-radius:7px;padding:10px;min-height:42px}.inline-sound-preview>header a:hover{background:#d3a3b719}.inline-sound-resources{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.inline-sound-resources button{font-size:11px;line-height:1.5;min-height:40px;padding:8px 10px;border-radius:6px;border:1px solid #d3a3b728;color:#b39ea6}.inline-sound-resources button[aria-pressed=true]{color:#ebe2e5;background:#d3a3b71b;border-color:#d3a3b75c}.inline-sound-preview .sound-open-image img{height:440px;object-fit:contain}.inline-sound-preview .sound-pdf{height:440px}.inline-sound-preview .sound-sheet-scroll{max-height:440px}.inline-sound-panel :focus-visible,.portal-catalog :focus-visible{outline:2px solid var(--chapter-accent,#d3a3b7);outline-offset:-2px}@media(max-width:767px){.portal-sounds{padding-top:12px;padding-bottom:18px}.inline-sound-header{flex-wrap:wrap;gap:0;padding:0 14px 16px}.inline-sound-entry{flex-basis:100%;padding:18px 0 12px;gap:10px}.inline-sound-symbol{width:36px;height:40px}.inline-sound-heading>span{font-size:20px}.inline-sound-heading small{font-size:11px}.inline-sound-toggle{width:100%;min-height:44px;font-size:13px}.inline-sound-library>.sound-browser-filters{padding:16px 14px}.inline-sound-sidebar{padding:16px 10px 14px 14px;border-right:0;border-bottom:1px solid #d3a3b722}.inline-sound-products{max-height:246px}.inline-sound-products>button{padding:10px}.inline-sound-preview{padding:18px 14px}.inline-sound-preview>header{gap:10px;align-items:flex-start}.inline-sound-preview>header h3{font-size:19px}.inline-sound-preview .sound-open-image img{height:330px}.inline-sound-preview>header a{font-size:10px;padding:9px 7px}}.portal-sounds{max-width:none}.inline-sound-products{max-height:calc(70dvh + 70px);transition:max-height .38s cubic-bezier(.2,.7,.2,1)}.inline-sound-library[data-preview-open=false] .inline-sound-products{max-height:250px}@media(max-width:767px){.inline-sound-products{max-height:246px}.inline-sound-library[data-preview-open=false] .inline-sound-products{max-height:200px}.inline-sound-preview{padding:14px 10px}}@media(prefers-reduced-motion:reduce){.inline-sound-fold,.inline-sound-fold[data-open=false],.inline-sound-products,.inline-sound-toggle svg,.inline-image-toggle svg{transition:none}}.portal-synth-entry>a{display:flex;align-items:center;gap:16px;min-height:108px;padding:24px;border:1px solid #a5ccd366;border-radius:16px;background:linear-gradient(110deg,#26393c,#1b292c);color:#e9f3f5;font-size:23px;font-weight:600;line-height:1.4;transition:background .2s,border-color .2s}.portal-synth-symbol{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#add1d81c;color:#b8d7dd}.portal-synth-symbol svg{width:24px;height:24px}.portal-synth-entry>a>svg:last-child{width:24px;height:24px;flex-shrink:0;margin-left:auto;color:#bddadf}.portal-synth-entry>a:hover{background:linear-gradient(110deg,#2f464a,#243639);border-color:#b5d5dbb3}.portal-synth-entry>a:focus-visible{outline:2px solid #c4dde2;outline-offset:3px}.guofeng-title-dot{color:var(--guofeng-color)}.sound-standalone-main{max-width:none;margin:0;padding:22px clamp(14px,2.5vw,40px) 48px}.sound-standalone-title{font-size:25px;font-weight:600;margin:0 0 18px;line-height:1.4}.sound-standalone-browser{border:1px solid #d3a3b736;border-radius:14px;background:#231e2080;overflow:hidden}.sound-standalone-browser .inline-sound-library{border-top:0}.sound-standalone-browser .inline-sound-products{max-height:calc(72dvh + 90px)}.sound-standalone-browser .inline-sound-preview{padding:18px}@media(max-width:767px){.sound-standalone-browser .inline-sound-products{max-height:230px}.sound-standalone-browser .inline-sound-preview{padding:12px}.portal-synth-entry>a{min-height:84px;gap:12px;font-size:19px;padding:18px 14px}.portal-synth-symbol{width:40px;height:40px}.portal-synth-entry>a>svg:last-child{width:20px;height:20px}}.portal-synth-module{margin-top:10px;margin-bottom:2px;scroll-margin-top:100px}.portal-synth-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a5c0c542;border-radius:12px 12px 0 0;background:linear-gradient(110deg,#252c2d,#1c2021);overflow:hidden}.portal-synth-split>a{display:flex;align-items:center;gap:13px;padding:20px 22px;min-height:86px;color:#aabbbe;transition:background .2s}.portal-synth-split>a+a{border-left:1px solid #9bb6bb32}.portal-synth-split>a:hover{background:#a1b9be10}.portal-synth-split>a>span{flex:1}.portal-synth-split strong{display:block;font-size:18px;font-weight:550;line-height:1.5;color:#dbe3e5}.portal-synth-split small{display:block;font-size:10px;color:#8c9a9d;margin-top:5px;font-weight:400}.portal-synth-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #a5c0c536;border-top:0;border-radius:0 0 10px 10px;background:#1f2425;font-size:10px;color:#92a3a6;min-height:39px;padding:9px 21px}.portal-synth-progress>span{display:flex;align-items:center;gap:8px}.portal-synth-progress i{width:4px;height:4px;background:#a7bec3;border-radius:50%}.portal-synth-latest{color:#616b6d;margin-left:12px}.portal-synth-progress svg{transition:transform .3s}.portal-synth-progress[aria-expanded=true] svg{transform:rotate(180deg)}.portal-synth-catalog{border:1px solid #a5c0c530;border-top:0;border-radius:0 0 9px 9px;padding:9px 19px 16px;background:#1f222399}.portal-synth-catalog>a{display:flex;align-items:center;gap:14px;border-bottom:1px solid #aac2c718;padding:13px 2px;font-size:12px;color:#b3c0c3}.portal-synth-catalog>a>span{font:10px ui-monospace,monospace;color:#6e7d80}.portal-synth-catalog>a>svg{margin-left:auto;color:#7b8c8f}.portal-synth-catalog>p{font-size:10px;color:#748082;margin-top:13px}.portal-synth-module :focus-visible{outline:2px solid #a5c0c5;outline-offset:3px}.portal-sounds{max-width:1152px}.portal-sounds:before{display:none}.inline-sound-header{min-height:100px}.portal-synth-module+.portal-sounds{padding-top:17px}@media(max-width:600px){.portal-synth-split>a{padding:17px 13px;gap:8px;min-height:90px}.portal-synth-split strong{font-size:13px}.portal-synth-split small{font-size:9px;line-height:1.7}.portal-synth-split>a>svg:first-child{display:none}.portal-synth-split>a>svg:last-child{width:14px}.portal-synth-progress{padding:10px 13px;font-size:9px}.portal-synth-latest{display:none}.portal-synth-catalog>a{font-size:11px}}@media(prefers-reduced-motion:reduce){.portal-synth-progress svg,.portal-synth-split>a{transition:none}}.portal-synth-split{background:#1b2021;border-color:#8fbfca33}.portal-synth-split>a{color:#8fbfca}.portal-synth-split strong{color:#e1e9eb}.portal-synth-split small{color:#a2b1b4}.portal-synth-split>a+a{border-left-color:#8fbfca26}.portal-synth-split>a:hover{background:#8fbfca0a}.portal-synth-progress{background:#171a1b;color:#a7babe;border-color:#8fbfca2b}.portal-synth-latest{color:#8c9b9e}.portal-synth-catalog{background:#1b1f20;color:#c0d1d4}.portal-synth-catalog>a{color:#c0d1d4}.portal-synth-catalog>p{color:#91a3a6}.inline-sound-panel{background:#1d1719c9;border-color:#d3a3b738;color:#e9e1e4}.inline-sound-symbol{background:#d3a3b70d;color:#d3a3b7}.inline-sound-heading small{color:#b39da5}.inline-sound-heading>span svg{color:#d3a3b7}.inline-sound-toggle{background:#d3a3b70c;color:#d9c6cd;border-color:#d3a3b745;box-shadow:none}.inline-sound-toggle:hover{background:#d3a3b71a;border-color:#d3a3b780}.portal-synth-panel,.inline-sound-panel{border-radius:16px;overflow:hidden}.portal-synth-panel{border:1px solid #8fbfca33;background:#1b2021}.portal-synth-panel .portal-synth-split{border:0;border-radius:0}.portal-synth-panel .portal-synth-progress{border:0;border-top:1px solid #8fbfca2b;border-radius:0;min-height:44px}.portal-synth-panel .portal-synth-catalog{border:0;border-top:1px solid #8fbfca2b;border-radius:0}.portal-synth-progress>span:last-child{white-space:nowrap;font-weight:600}.portal-hero-intro{min-width:0}@media(min-width:1024px){.portal-hero-grid{align-items:center}.portal-hero-intro{display:flex;flex-direction:column;padding:8px 0}.portal-hero-title>p,.portal-hero-context>p:first-child,.portal-hero-entry>div{margin-top:0}.portal-hero-context{margin-top:14px}.portal-hero-entry{margin-top:24px}}.portal-course-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin-top:24px;margin-bottom:6px}.portal-learning-card{--learning-accent:#8fbfca;--learning-line:#8fbfca45;--learning-tint:#8fbfca12;scroll-margin-top:100px;border:1px solid var(--learning-line);border-radius:16px;overflow:hidden;background:#1b2021;min-width:0}.portal-cubase-card{--learning-accent:#e4a090;--learning-line:#e4a09045;--learning-tint:#e4a09012;background:#211d1c}.portal-learning-body{padding:27px 27px 20px}.portal-learning-kicker{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--learning-accent)}.portal-learning-kicker small{margin-left:auto;border:1px solid var(--learning-line);border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap}.portal-learning-card h2{font-size:26px;font-weight:600;letter-spacing:.02em;color:#e8e7e4;margin:22px 0 10px;line-height:1.4}.portal-learning-card p{font-size:13px;line-height:1.8;color:#b0b5b4;margin:0}.portal-learning-start{display:flex;gap:17px;align-items:center;margin-top:26px;border:1px solid var(--learning-line);background:var(--learning-tint);border-radius:11px;padding:17px 20px;min-height:82px;color:var(--learning-accent)}.portal-learning-start>span{flex:1;color:#f0edeb;font-size:20px;font-weight:600;line-height:1.3}.portal-learning-start small{display:block;color:#b2bcbe;font-weight:400;font-size:11px;margin-top:8px}.portal-learning-start:hover{border-color:var(--learning-accent);filter:brightness(1.08)}.portal-learning-shortcuts{display:flex;gap:14px;justify-content:space-between;margin-top:17px;font-size:11px;color:#b0babd}.portal-learning-shortcuts a{display:flex;align-items:center;gap:6px;min-height:28px}.portal-learning-shortcuts a:hover{color:var(--learning-accent)}.portal-learning-catalog-toggle{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;min-height:52px;padding:14px 27px;border:0;border-top:1px solid var(--learning-line);background:#0002;color:#aeb9bb;font-size:11px;text-align:left}.portal-learning-catalog-toggle>span:last-child{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--learning-accent)}.portal-learning-catalog-toggle[aria-expanded=true]>span:last-child svg{transform:rotate(180deg)}.portal-learning-card :focus-visible{outline:2px solid var(--learning-accent);outline-offset:3px}.portal-learning-card .portal-synth-catalog{border:0;border-top:1px solid var(--learning-line);border-radius:0}@media(max-width:767px){.portal-course-pair{grid-template-columns:1fr;gap:18px;margin-top:20px}.portal-learning-body{padding:22px 22px 18px}.portal-learning-card h2{font-size:24px;margin-top:20px}.portal-learning-start{margin-top:22px}.portal-learning-catalog-toggle{padding:13px 22px}.portal-learning-card p{font-size:12px}.portal-learning-kicker{font-size:10px}.portal-learning-kicker small{font-size:9px}}.sn-shell{--sn-bg:#11130f;--sn-panel:#1b1e18;--sn-text:#eeeee4;--sn-muted:#a3a998;--sn-line:#343a2c;--sn-accent:#d7bb7b;background:var(--sn-bg);color:var(--sn-text);min-height:100vh;font-family:inherit}.sn-shell *,.sn-home *{box-sizing:border-box}.sn-gold{--sn-accent:#d7bb7b;--sn-wash:#a2814220}.sn-green{--sn-accent:#a6c998;--sn-wash:#79a56b22}.sn-violet{--sn-accent:#b7a9dc;--sn-wash:#9677cf20}.sn-blue{--sn-accent:#91bbc8;--sn-wash:#5099ae20}.sn-coral{--sn-accent:#d6a38d;--sn-wash:#c8755520}.sn-shell a,.sn-home a{color:inherit;text-decoration:none}.sn-shell a:focus-visible,.sn-shell button:focus-visible,.sn-shell input:focus-visible,.sn-shell select:focus-visible,.sn-home a:focus-visible{outline:2px solid #e1c38a;outline-offset:5px}.sn-shell button,.sn-shell select,.sn-shell input{font:inherit}.sn-masthead{max-width:1256px;margin:auto;padding:22px 36px;border-bottom:1px solid var(--sn-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.sn-brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:650}.sn-brand img{border-radius:50%}.sn-brand small{display:block;font-size:9px;letter-spacing:.13em;color:var(--sn-muted);font-weight:400;margin-top:4px}.sn-masthead nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#bec3b4}.sn-masthead nav a{display:flex;gap:5px;align-items:center;min-height:36px}.sn-main{max-width:1256px;padding:0 36px 80px;margin:auto}.sn-kicker{color:#bca77b;font-size:10px;letter-spacing:.17em;font-weight:600;display:flex;align-items:center;gap:8px}.sn-kicker span{opacity:.45;padding:0 8px}.sn-intro{padding:56px 0 40px;display:grid;grid-template-columns:1fr 312px;gap:60px;align-items:center}.sn-intro h1{font-size:clamp(32px,4vw,53px);font-weight:600;letter-spacing:.015em;line-height:1.28;margin:18px 0}.sn-intro-copy{font-size:14px;color:#b5bcaa;line-height:1.9;max-width:560px}.sn-daily{border-left:1px solid #48503a;padding:4px 0 4px 36px}.sn-daily>span{font-size:11px;color:#bdc5ac;display:flex;align-items:center;gap:7px}.sn-daily i,.sn-live i{width:5px;height:5px;background:#b7cd9e;border-radius:50%;display:inline-block}.sn-daily>strong{font-size:57px;line-height:1.35;font-weight:300;letter-spacing:-.03em;color:#e3d2a8;display:block;font-variant-numeric:tabular-nums}.sn-daily>small{font-size:10px;color:var(--sn-muted)}.sn-daily>div{display:flex;gap:24px;margin-top:22px}.sn-daily>div>span{font-size:20px}.sn-daily>div small{display:block;font-size:10px;color:var(--sn-muted);margin-top:3px}.sn-event-banner{border:1px solid #4d5036;background:linear-gradient(110deg,var(--sn-wash),#1c2116);border-radius:12px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.sn-event-banner:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #b7c38e16;border-radius:50%;right:13%;top:-90px;box-shadow:0 0 0 28px #b7c38e08,0 0 0 55px #b7c38e05;pointer-events:none}.sn-live{color:var(--sn-accent,#b6ce9c);font-size:10px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:7px}.sn-event-banner h2{font-size:25px;font-weight:550;margin:9px 0}.sn-event-banner p{font-size:12px;color:#b2b9a4;line-height:1.8;max-width:650px}.sn-event-link{display:flex;align-items:center;gap:20px;font-size:12px;white-space:nowrap;z-index:1}.sn-festivals{margin-top:30px}.sn-section-label{display:flex;align-items:center;gap:8px;color:#b5bba9;margin-bottom:13px}.sn-section-label h2{font-size:12px;font-weight:500;margin:0}.sn-section-label>span{font-size:10px;color:#8b9380;margin-left:auto}.sn-festival-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sn-festival{background:linear-gradient(130deg,var(--sn-wash),#191c17);border:1px solid #30362a;border-radius:9px;padding:16px 19px;transition:border-color .2s,transform .2s}.sn-festival:hover,.sn-festival[aria-current=page]{border-color:var(--sn-accent);transform:translateY(-2px)}.sn-festival>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em;color:var(--sn-accent)}.sn-festival strong{font-size:17px;font-weight:500;display:block;margin:12px 0 6px}.sn-festival small{font-size:10px;color:#99a08e}.sn-feed{margin-top:50px}.sn-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sn-feed-heading h2,.sn-related>h2{font-size:27px;font-weight:500;margin:8px 0 0}.sn-search{border:1px solid #3d4533;border-radius:7px;background:#1b1f17;display:flex;align-items:center;gap:10px;padding:0 12px;min-height:42px;color:#8e9780}.sn-search input{width:220px;background:none;border:none;color:#e4e8d8;font-size:12px;min-width:0;outline-offset:2px}.sn-search input::placeholder{color:#8d9680}.sn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;border-bottom:1px solid #343a2c;padding-bottom:13px}.sn-toolbar nav{display:flex;gap:5px;flex-wrap:wrap}.sn-toolbar button{border:1px solid transparent;background:none;color:#a8af9b;padding:9px 13px;border-radius:5px;font-size:12px;cursor:pointer;min-height:38px}.sn-toolbar button[aria-pressed=true]{color:#efe3c2;background:#d7bb7b16;border-color:#d7bb7b36}.sn-category{font-size:10px;color:#9ba48b;display:flex;align-items:center;gap:7px}.sn-category select{background:#20251b;color:#c9cebc;border:1px solid #3b4430;border-radius:5px;max-width:150px;padding:8px;font-size:11px}.sn-feed-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 0 19px;font-size:10px;color:#929c83}.sn-feed-meta label{display:flex;align-items:center;gap:6px}.sn-feed-meta input{accent-color:#cdb274}.sn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sn-card{min-width:0;background:#1a1e17;border:1px solid #32392b;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.sn-card:hover{border-color:#687153}.sn-card-art{display:block}.sn-art{height:170px;position:relative;background:radial-gradient(ellipse at 60% 70%,var(--sn-wash),transparent 70%),#22271d;overflow:hidden;isolation:isolate}.sn-art-grid{position:absolute;inset:0;background-image:linear-gradient(#9ca58609 1px,transparent 1px),linear-gradient(90deg,#9ca58609 1px,transparent 1px);background-size:25px 25px;-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent);mask-image:linear-gradient(90deg,transparent,#000,transparent)}.sn-art-brand{position:absolute;left:22px;top:18px;font-size:11px;letter-spacing:.09em;color:var(--sn-accent)}.sn-wave{position:absolute;inset:48px 24px 37px;display:flex;justify-content:center;align-items:center;gap:4px;opacity:.75}.sn-wave i{width:5px;border-radius:2px;background:var(--sn-accent);opacity:.7}.sn-wave i:nth-child(3n){opacity:.3}.sn-art-type{position:absolute;left:22px;bottom:15px;font-size:10px;color:#c0c8b2}.sn-art-no{position:absolute;right:20px;bottom:15px;font-size:8px;letter-spacing:.12em;color:#89957a}.sn-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.sn-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:10px;color:#929e82}.sn-badge{color:var(--sn-accent,#d7bb7b);font-size:10px;border:1px solid #a4b28e30;border-radius:4px;padding:4px 7px;display:inline-block;width:fit-content}.sn-card-title h3{font-size:18px;line-height:1.5;font-weight:550;margin:0;color:#e5e8db}.sn-card-title:hover h3{color:var(--sn-accent)}.sn-card-summary{font-size:12px;color:#a5ae97;line-height:1.9;margin:11px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:5px}.sn-tags span{font-size:9px;color:#9ea88f;background:#272e21;padding:4px 6px;border-radius:3px}.sn-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:18px;margin-top:17px;border-top:1px solid #323b29}.sn-card-bottom strong{font-size:14px;color:var(--sn-accent);font-weight:500}.sn-card-bottom del{display:block;color:#818d74;font-size:10px;margin-top:3px}.sn-card-bottom>a{color:var(--sn-accent);padding:8px}.sn-deadline{color:#939e83;font-size:9px;margin-top:9px;line-height:1.5}.sn-empty{padding:70px 20px;text-align:center;color:#a6b095}.sn-empty>svg{margin:0 auto 18px}.sn-empty h3{font-size:18px;color:#d9e0cd;margin:15px 0}.sn-empty p{font-size:13px;margin:12px 0 20px}.sn-empty a{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#dbc38d}.sn-footer{max-width:1184px;border-top:1px solid #353e2a;margin:0 auto;padding:27px 0 38px;display:flex;align-items:center;gap:24px;font-size:11px;color:#a0ac8f}.sn-footer>div{display:flex;gap:10px;align-items:center;color:#c3cdb4}.sn-footer>p{margin-left:auto}.sn-footer>a{display:flex;align-items:center;gap:5px}.sn-back{display:inline-flex;align-items:center;gap:7px;color:#c9b788!important;font-size:12px;margin-top:16px}.sn-event-notice{padding:24px;border:1px solid #3e4632;border-radius:10px;background:#1d2318}.sn-event-notice p{font-size:13px;line-height:1.9;color:#aeb99d;margin:12px 0}.sn-event-notice a{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--sn-accent)}.sn-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#a2ac92;margin:30px 0 38px}.sn-detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:start}.sn-detail-content>h1{font-size:clamp(28px,3vw,43px);font-weight:550;line-height:1.4;margin:10px 0 20px}.sn-detail-brand{margin:20px 0 8px}.sn-detail-summary{color:#b8c1aa;font-size:15px;line-height:1.9}.sn-detail-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#95a182;padding:20px 0 28px}.sn-detail-meta>span{display:flex;gap:5px;align-items:center}.sn-art-large{height:250px;border-radius:10px;margin:2px 0 38px}.sn-art-large .sn-wave{inset:65px 60px 48px;gap:7px}.sn-art-large .sn-wave i{width:8px}.sn-art-large .sn-art-brand{font-size:16px;left:28px;top:24px}.sn-prose h2,.sn-sources h2{font-size:21px;font-weight:500;color:#e5e9d9;margin:32px 0 17px}.sn-prose p,.sn-prose li{font-size:14px;line-height:2.05;color:#b6c0a6}.sn-prose p{margin-bottom:20px}.sn-prose ul{padding-left:20px;list-style:disc}.sn-prose li{margin-bottom:10px;padding-left:4px}.sn-purchase{position:sticky;top:26px;border:1px solid #545039;background:linear-gradient(145deg,var(--sn-wash),#20251b);padding:26px;border-radius:10px}.sn-purchase h2{font-size:26px;line-height:1.45;color:var(--sn-accent);margin:14px 0 10px;font-weight:500}.sn-purchase>p{font-size:12px;color:#bdc5ad;line-height:1.9}.sn-purchase del{color:#929c81;margin-right:8px}.sn-purchase-facts{padding:15px 0;margin:14px 0;border-top:1px solid #58603d55;border-bottom:1px solid #58603d55}.sn-purchase-facts p{font-size:10px;color:#b5bea3;line-height:1.9;margin:6px 0;display:flex;gap:6px;align-items:start}.sn-purchase-facts svg{flex-shrink:0;margin-top:2px}.sn-buy,.sn-listen{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;min-height:46px;font-size:12px}.sn-buy{background:#d6bc80;color:#191d14!important;font-weight:600;border:none;cursor:pointer}.sn-listen{border:1px solid #67704f;color:#cbd4bb!important;margin-top:10px}.sn-purchase>small{display:block;color:#9aa58a;font-size:10px;line-height:1.8;margin-top:15px}.sn-related-event{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#cfbf98!important;padding-top:16px;border-top:1px solid #535b4055;margin-top:20px}.sn-sources{margin-top:35px;padding-top:1px;border-top:1px solid #343f29}.sn-sources a{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;color:#c3b58d}.sn-sources p{font-size:10px;line-height:1.9;color:#859375}.sn-related{margin-top:70px;padding-top:35px;border-top:1px solid #344029}.sn-related>.sn-grid{margin-top:25px}.sn-home{--sn-text:#eeeee4;--sn-muted:#a3a998;--sn-accent:#d7bb7b;margin-top:8px;margin-bottom:24px}.sn-home-panel{background:linear-gradient(120deg,#23281a,#171d14);border:1px solid #4a503333;border-radius:12px;padding:24px 27px;color:#e4e9d8}.sn-home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sn-home-heading h2{display:flex;align-items:center;gap:14px;font-size:23px;margin:10px 0 8px;font-weight:500}.sn-home-heading p:not(.sn-kicker){font-size:12px;color:#a6b094;line-height:1.8}.sn-home .sn-kicker{font-size:9px;letter-spacing:.06em}.sn-home-enter{white-space:nowrap;color:#d7bb7b!important;font-size:11px;display:flex;align-items:center;gap:7px}.sn-home-event{display:flex;align-items:center;gap:12px;background:#a4b36c0d;border:1px solid #92aa5d24;padding:11px 14px;border-radius:5px;margin-top:18px}.sn-home-event strong{font-size:12px;font-weight:500}.sn-home-event>svg{margin-left:auto;color:#bbc89c}.sn-home-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:19px;padding-top:17px;border-top:1px solid #a6b36d20}.sn-home-items>a{padding:0 20px;border-right:1px solid #a6b36d20;display:flex;flex-direction:column;min-width:0}.sn-home-items>a:first-child{padding-left:0}.sn-home-items>a:last-child{border-right:0;padding-right:0}.sn-home-items span{font-size:9px;letter-spacing:.05em;color:#91a17d}.sn-home-items strong{font-size:12px;line-height:1.7;font-weight:500;margin:6px 0 9px}.sn-home-items small{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#caba90;margin-top:auto}@media(max-width:960px){.sn-intro{gap:30px;grid-template-columns:1fr 260px}.sn-daily{padding-left:26px}.sn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-detail{gap:30px;grid-template-columns:minmax(0,1fr) 260px}.sn-purchase{padding:20px}.sn-main,.sn-masthead{padding-left:25px;padding-right:25px}.sn-footer{margin:0 25px;flex-wrap:wrap}.sn-footer>p{margin-left:0}.sn-festival{padding:14px}.sn-festival strong{font-size:15px}}@media(max-width:680px){.sn-masthead{padding:17px 20px;gap:12px}.sn-masthead nav{gap:14px;font-size:10px}.sn-masthead nav a:nth-child(2){display:none}.sn-brand{font-size:12px;gap:8px}.sn-brand small{font-size:7px;letter-spacing:.04em}.sn-main{padding:0 20px 50px}.sn-intro{grid-template-columns:1fr;gap:26px;padding:35px 0 26px}.sn-intro h1{font-size:35px;margin:15px 0}.sn-intro-copy{font-size:12px}.sn-kicker{font-size:9px;letter-spacing:.1em}.sn-daily{border-left:none;border-top:1px solid #3b442d;padding:17px 0 0;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.sn-daily>strong{font-size:32px;grid-row:1/3;grid-column:2;align-self:center}.sn-daily>small{font-size:9px}.sn-daily>div{grid-column:1/-1;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #303a25}.sn-daily>div>span{font-size:17px;display:flex;gap:7px;align-items:center}.sn-daily>div small{font-size:9px;margin:0}.sn-event-banner{padding:20px;display:block}.sn-event-banner h2{font-size:22px}.sn-event-banner p{font-size:11px}.sn-event-link{justify-content:space-between;margin-top:15px;font-size:11px}.sn-festivals{margin-top:23px}.sn-festival-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sn-festival{padding:14px 15px}.sn-festival>span{font-size:8px}.sn-festival strong{font-size:16px;margin:9px 0 4px}.sn-section-label>span{font-size:9px}.sn-feed{margin-top:34px}.sn-feed-heading{align-items:start;flex-direction:column;gap:18px}.sn-feed-heading h2,.sn-related>h2{font-size:24px}.sn-search{width:100%;min-height:44px}.sn-search input{width:100%;font-size:12px}.sn-toolbar{align-items:start;flex-direction:column;gap:10px;margin-top:16px}.sn-toolbar nav{gap:2px;width:100%;justify-content:space-between}.sn-toolbar button{font-size:10px;padding:8px}.sn-category{align-self:flex-end}.sn-grid{grid-template-columns:1fr;gap:18px}.sn-art{height:155px}.sn-card-body{padding:20px}.sn-card-title h3{font-size:18px}.sn-card-summary{font-size:12px}.sn-card-bottom{margin-top:14px;padding-top:14px}.sn-footer{margin:0 20px;gap:15px;padding-top:23px;font-size:10px}.sn-footer>div{width:100%}.sn-footer>p{margin:0}.sn-footer>a{margin-left:auto}.sn-detail{display:flex;flex-direction:column;gap:26px}.sn-detail-content{display:contents}.sn-detail-content>h1{font-size:29px;order:-8;margin:0}.sn-detail-content>.sn-badge{order:-10}.sn-detail-brand{order:-9;margin:0}.sn-detail-summary{order:-7;font-size:13px;margin:-10px 0 0}.sn-detail-meta{order:-6;padding:0;font-size:9px;gap:8px}.sn-art-large{order:-5;width:100%;height:190px;margin:0}.sn-purchase{order:-4;position:static;width:100%;padding:21px}.sn-purchase h2{font-size:26px}.sn-prose{order:0}.sn-prose h2{font-size:19px;margin-top:20px}.sn-prose p,.sn-prose li{font-size:13px}.sn-sources{order:1;width:100%;margin-top:0}.sn-breadcrumb{margin:23px 0 26px}.sn-related{margin-top:38px}.sn-art-large .sn-wave{inset:60px 25px 45px;gap:4px}.sn-art-large .sn-wave i{width:5px}.sn-home-panel{padding:20px}.sn-home-heading{align-items:start;flex-direction:column;gap:12px}.sn-home-heading h2{font-size:22px}.sn-home-enter{min-height:30px}.sn-home-event{gap:8px;padding:10px}.sn-home-event strong{font-size:11px}.sn-home-event .sn-live{font-size:9px}.sn-home-items{grid-template-columns:1fr;gap:13px}.sn-home-items>a{border:0;padding:0 0 12px;border-bottom:1px solid #a6b36d15}.sn-home-items>a:last-child{padding-bottom:0;border-bottom:0}.sn-home-items strong{margin:4px 0;font-size:12px}}@media(prefers-reduced-motion:reduce){.sn-festival,.sn-card{transition:none}}.sn-translation{margin-top:15px;padding-top:15px;border-top:1px solid #67704f55}.sn-translation>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #6e7c54;border-radius:6px;font-size:12px;color:#d2dfbf!important}.sn-translation>p{font-size:10px;color:#9eae8a;line-height:1.8;margin:9px 0 0}.sn-card-translations{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.sn-card-translations>a{display:flex;align-items:center;gap:4px;font-size:10px;color:#b6c8a0;padding:5px 0}.sn-more-events{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.sn-more-events>a{display:flex;align-items:center;gap:10px;border:1px solid #4b563a;padding:12px 15px;border-radius:7px;font-size:12px}.sn-more-events span{color:#a6bb8a;font-size:10px}@media(min-width:681px){.sn-masthead{padding-top:17px;padding-bottom:17px}.sn-intro{padding-top:32px;padding-bottom:26px}.sn-intro h1{font-size:44px;margin:12px 0}.sn-daily>strong{font-size:48px}.sn-daily>div{margin-top:13px}.sn-event-banner{padding:18px 25px}.sn-event-banner h2{font-size:23px;margin:7px 0}.sn-festivals{margin-top:22px}.sn-festival{padding:13px 17px}.sn-festival strong{margin:8px 0 5px}.sn-feed{margin-top:32px}.sn-toolbar{margin-top:18px}}.sn-cover{height:230px;background:linear-gradient(125deg,#272c22,#171c16);padding:18px 22px 14px;display:flex;flex-direction:column;position:relative}.sn-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 90%,var(--sn-wash),transparent 65%);z-index:-1}.sn-cover-top{display:flex;justify-content:space-between;align-items:start;gap:10px;position:relative;z-index:2;color:var(--sn-accent);font-size:10px;letter-spacing:.035em}.sn-cover-top>span:last-child{color:#c8cdbb;border:1px solid #c4cfa62b;border-radius:4px;padding:3px 6px;white-space:nowrap;font-size:9px;margin-top:-3px}.sn-cover-product{position:relative;z-index:2;margin-top:15px;max-width:84%;font-size:19px;font-weight:650;line-height:1.25;color:#f1f1e7;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 15px #151a11}.sn-cover-drawing{position:absolute;width:55%;height:145px;right:-7px;bottom:24px;stroke:var(--sn-accent);stroke-width:1.8;opacity:.32;transform:rotate(-8deg);pointer-events:none}.sn-drawing-grid{opacity:.35}.sn-drawing-fill{fill:var(--sn-accent);fill-opacity:.2}.sn-drawing-solid{fill:var(--sn-accent);stroke:none}.sn-drawing-bright{stroke-width:2.5}.sn-cover-offer{position:relative;z-index:2;display:flex;align-items:baseline;gap:10px;margin-top:auto;width:100%;padding-top:10px}.sn-cover-offer>span{font-size:12px;color:#dce1cf;white-space:nowrap}.sn-cover-offer>strong{font-size:64px;line-height:1;font-weight:750;letter-spacing:-.06em;color:var(--sn-accent);font-variant-numeric:tabular-nums;text-shadow:0 2px 25px #11160de6}.sn-cover-offer-text{display:block;max-width:82%;padding-top:12px}.sn-cover-offer-text>span{font-size:10px;display:block;margin-bottom:5px}.sn-cover-offer-text>strong{font-size:26px;letter-spacing:-.035em;line-height:1.2;display:block;overflow-wrap:anywhere}.sn-cover-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #b8c7a523;margin-top:12px;padding-top:9px;font-size:9px;color:#b4bea5}.sn-cover-foot>span:last-child{letter-spacing:.15em;color:var(--sn-accent);font-size:8px}.sn-cover-inactive{filter:saturate(.25)}.sn-art-large.sn-cover{height:300px;padding:24px 28px 18px}.sn-art-large .sn-cover-product{font-size:30px;max-width:85%;margin-top:22px}.sn-art-large .sn-cover-offer>strong{font-size:82px}.sn-art-large .sn-cover-offer-text>strong{font-size:36px}.sn-art-large .sn-cover-drawing{width:46%;height:210px;right:10px;bottom:32px}.sn-art-large .sn-cover-top{font-size:13px}.sn-art-large .sn-cover-foot{font-size:11px}@media(max-width:680px){.sn-cover{height:220px;padding:17px 20px 13px}.sn-cover-product{font-size:20px}.sn-cover-offer>strong{font-size:63px}.sn-cover-offer-text>strong{font-size:27px}.sn-art-large.sn-cover{height:245px;padding:20px}.sn-art-large .sn-cover-product{font-size:24px;margin-top:17px}.sn-art-large .sn-cover-offer>strong{font-size:66px}.sn-art-large .sn-cover-offer-text>strong{font-size:29px}.sn-art-large .sn-cover-drawing{width:56%;height:165px;right:0;bottom:30px}.sn-art-large .sn-cover-top{font-size:10px}.sn-art-large .sn-cover-foot{font-size:9px}}.sn-home{margin-top:24px;margin-bottom:20px;scroll-margin-top:96px}.sn-home-panel{border:1px solid #bca26b70;border-radius:14px;box-shadow:inset 0 1px #e8d2a512,0 8px 28px #00000015;background:linear-gradient(120deg,#25281f,#191e18)}.sn-shell a.sn-return-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid #d7bb7b;border-radius:9px;background:#d7bb7b;color:#191c15;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none;box-sizing:border-box;transition:background .15s,border-color .15s,box-shadow .15s}.sn-shell a.sn-return-button:hover{background:#e5cc96;border-color:#e5cc96;box-shadow:0 3px 14px #d7bb7b20}.sn-shell a.sn-return-button:focus-visible{outline:3px solid #f1dba8;outline-offset:4px}.sn-intro .sn-return-button{margin-top:12px}.sn-empty .sn-return-button{margin-top:14px}.sn-quick-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:28px}.sn-shell .sn-quick-module{display:flex;align-items:center;gap:19px;min-height:144px;padding:24px 26px;border:1px solid var(--quick-accent);border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--quick-accent) 12%,#171c15),#171c15);color:#eeeede;transition:background .15s,box-shadow .15s}.sn-quick-free{--quick-accent:#a6c998}.sn-quick-deal{--quick-accent:#d7bb7b}.sn-quick-icon{color:var(--quick-accent);padding:14px;border:1px solid color-mix(in srgb,var(--quick-accent) 30%,transparent);border-radius:12px;background:#ffffff04;display:flex;flex-shrink:0}.sn-quick-module>div{flex:1;min-width:0}.sn-quick-module h2{font-size:24px;line-height:1.35;margin:0 0 7px;font-weight:650;color:var(--quick-accent)}.sn-quick-module p{font-size:12px;line-height:1.7;color:#b9c0ac;margin:0}.sn-quick-module small{display:block;font-size:12px;color:var(--quick-accent);margin-top:11px}.sn-quick-module>svg{color:var(--quick-accent);flex-shrink:0}.sn-quick-module:hover,.sn-quick-module[aria-current=page]{box-shadow:inset 0 0 0 1px var(--quick-accent),0 4px 18px #0003}.sn-feed{scroll-margin-top:24px}.sn-unavailable{line-height:1.8;color:#e5c38b}.sn-unavailable .sn-return-button{margin-top:14px;width:100%}@media(max-width:640px){.sn-quick-modules{grid-template-columns:1fr;gap:12px;padding-top:20px}.sn-shell .sn-quick-module{min-height:124px;padding:19px;gap:14px}.sn-quick-module h2{font-size:22px}.sn-quick-icon{padding:11px}.sn-quick-module p{font-size:11px}}.sn-intro+.sn-quick-modules{padding-top:0;margin-bottom:32px}.course-showcase{position:relative;isolation:isolate;padding-top:44px;padding-bottom:112px}.course-showcase-content{position:relative}@media(min-width:1600px){.course-showcase{padding-top:56px;padding-bottom:144px}}@media(max-width:1023px){.course-showcase{padding-top:28px;padding-bottom:88px}}@media(max-width:767px){.course-showcase{padding-top:24px;padding-bottom:72px}}.course-feature,.course-overview{--course-accent:var(--modern-color);--course-accent-rgb:var(--modern-rgb)}.guofeng-feature,.overview-gf{--course-accent:var(--guofeng-color);--course-accent-rgb:var(--guofeng-rgb)}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 32px}.showcase-heading h2{margin-top:12px;font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.25;letter-spacing:-.04em}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-feature{border-radius:22px;overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid #ffffff21;isolation:isolate;background:linear-gradient(155deg,#1b1b20,#141417 65%);color:#f3f0eb;box-shadow:inset 0 1px #ffffff05}.modern-artwork{position:relative;height:194px;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:950px}.modern-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgb(var(--course-accent-rgb) / .06),transparent 70%)}.session-art{width:83%;border:1px solid #ffffff28;border-radius:10px;background:#15161af5;box-shadow:0 18px 40px #0007;padding:10px 14px;transform:rotateX(17deg) rotateY(-13deg) rotate(-6deg) translateY(-2px);transition:transform .65s cubic-bezier(.2,.7,.2,1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.modern-feature:hover .session-art{transform:rotateX(5deg) rotateY(-3deg) rotate(-2deg) translateY(-6px)}.session-top{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.05em;color:#9faebd;border-bottom:1px solid #ffffff12;padding-bottom:10px}.session-top>span:last-child{margin-left:auto;color:var(--course-accent)}.session-led{height:5px;width:5px;background:var(--course-accent);border-radius:100%;box-shadow:0 0 10px rgb(var(--course-accent-rgb) / .3)}.session-ruler{padding:8px 0 5px 47px;display:flex;justify-content:space-between;font-size:7px;color:#8a95a3}.session-row{height:22px;display:flex;border-bottom:1px solid #ffffff08}.session-label{width:42px;flex-shrink:0;font-size:7px;color:#9eabb8;display:flex;align-items:center}.session-lane{position:relative;flex:1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.25% - 1px),#d0e7ff0c calc(6.25% - 1px),#d0e7ff0c 6.25%)}.session-lane>span{position:absolute;border-radius:2px;height:5px;box-shadow:0 0 8px #ffffff06}.session-playhead{position:absolute;left:54%;top:40px;bottom:28px;width:1px;background:var(--course-accent);box-shadow:0 0 10px rgb(var(--course-accent-rgb) / .3);transition:left 1.5s ease}.modern-feature:hover .session-playhead{left:84%}.session-footer{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.05em;color:#a1adb9;padding-top:10px}.artwork-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:8px ui-monospace,monospace;letter-spacing:.18em;color:#a9a5a280}.feature-copy{padding:24px 30px 30px;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.feature-kicker{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:var(--course-accent);gap:12px}.feature-kicker>span{font-size:11px;letter-spacing:.03em;color:#b0b6be}.feature-copy h3{font-size:clamp(32px,3.8vw,44px);font-weight:700;line-height:1.2;letter-spacing:-.045em;margin:16px 0 0}.modern-title-dot{color:var(--course-accent)}.feature-description{font-size:15px;line-height:1.9;color:#b4b2b8;margin:16px 0 24px}.feature-actions{margin-top:auto;display:grid;gap:12px}.feature-actions a{min-width:0;border-radius:12px;display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:border-color .16s,background .16s}.feature-primary{gap:14px;min-height:86px;padding:15px 18px;background:rgb(var(--course-accent-rgb) / .075);border:1px solid rgb(var(--course-accent-rgb) / .55);box-shadow:none}.action-icon{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:0;color:var(--course-accent);box-shadow:none}.action-icon svg{width:30px;height:30px;stroke-width:1.65}.action-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.action-copy strong{font-size:19px;line-height:1.4;letter-spacing:.02em;font-weight:650;color:#fff8f1}.action-copy small{font-size:12px;line-height:1.5;color:#bebbc0}.action-arrow{width:23px;height:23px;flex-shrink:0;color:var(--course-accent)}.feature-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-secondary-actions>a{justify-content:center;gap:10px;min-height:62px;padding:12px 10px;border:1px solid #ffffff32;background:#ffffff04;box-shadow:none;color:#dedce0;font-size:14px;font-weight:550;white-space:nowrap}.feature-secondary-actions svg{width:23px;height:23px;flex-shrink:0;color:var(--course-accent);stroke-width:1.7}.feature-actions a:focus-visible,.course-overview>.overview-toggle:focus-visible{outline:2px solid var(--course-accent);outline-offset:4px}@media(hover:hover){.feature-actions a:hover{border-color:var(--course-accent);background:rgb(var(--course-accent-rgb) / .12)}}.feature-actions a:active{background:rgb(var(--course-accent-rgb) / .16);box-shadow:none}.ink-artwork{height:194px;position:relative;overflow:hidden}.ink-artwork img{width:100%;height:145%;object-fit:cover;object-position:65% 30%;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.57;transition:transform 1.3s cubic-bezier(.2,.7,.2,1);transform:scale(1.025)}.guofeng-feature:hover .ink-artwork img{transform:scale(1.09) translateY(-5px)}.ink-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#19191d00 38%,#18181c)}.ink-inscription{position:absolute;left:28px;top:24px;writing-mode:vertical-rl;letter-spacing:.3em;font:14px/1.7 Songti SC,STSong,"Noto Serif SC",serif;color:#d5d2ccc4;z-index:1}.ink-seal{position:absolute;right:26px;top:24px;width:29px;padding:5px 4px;border:1px solid rgb(var(--course-accent-rgb) / .65);color:var(--course-accent);font:15px/1.2 Songti SC,serif;text-align:center;z-index:1;border-radius:2px 4px 1px 3px;background:#17171b55}.guofeng-feature .feature-kicker{letter-spacing:.3em}.guofeng-feature .feature-kicker>span{letter-spacing:0}.guofeng-feature h3.ink-title{font-family:inherit;font-size:clamp(44px,4.9vw,59px);font-weight:700;letter-spacing:-.045em;line-height:1.32;margin-top:16px;min-height:106px;position:relative}.ink-title-line{display:block;position:absolute;bottom:8px;left:0;width:60px;height:3px;background:var(--course-accent);clip-path:polygon(0 26%,91% 0,100% 42%,97% 70%,18% 100%,4% 60%)}.course-overview{margin-bottom:32px}.course-overview>.overview-toggle{list-style:none;cursor:pointer;border-radius:18px;border:1px solid #ffffff28;position:relative;overflow:hidden;background:linear-gradient(120deg,#202024,#161619);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-text{display:block}.overview-kicker{display:block;font-size:12px;color:var(--course-accent);letter-spacing:.08em;margin-bottom:12px}.overview-title{display:block;font-size:clamp(25px,3.1vw,38px);line-height:1.4;font-weight:650;color:#fff8ed;letter-spacing:.03em}.overview-subtitle{display:block;margin-top:9px;font-size:15px;line-height:1.7;color:#bcbebf}.overview-open{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border:1px solid rgb(var(--course-accent-rgb) / .45);background:linear-gradient(180deg,#313137,#242429);color:var(--course-accent);border-radius:10px;padding:14px 20px;font-size:15px;box-shadow:inset 0 1px #ffffff12,0 3px #09090b}.overview-open svg{transition:transform .3s}.course-overview[data-open=true] .overview-open svg{transform:rotate(180deg)}.course-overview[data-open=true] .when-closed,.course-overview[data-open=false] .when-open{display:none}.overview-gf .overview-title{font-family:inherit}.chapter-tree{--chapter-accent:var(--modern-color);--chapter-rgb:var(--modern-rgb)}.chapter-tree-gf{--chapter-accent:var(--guofeng-color);--chapter-rgb:var(--guofeng-rgb)}.chapter-toggle{display:flex;width:100%;align-items:center;gap:18px;min-height:84px;padding:18px 24px;text-align:left;background:#ffffff03;transition:background .2s}.chapter-toggle:hover{background:#ffffff08}.chapter-toggle[aria-expanded=true]{background:rgb(var(--chapter-rgb)/.045)}.chapter-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid rgb(var(--chapter-rgb)/.25);border-radius:11px;color:var(--chapter-accent);background:linear-gradient(150deg,#242327,#17171b);box-shadow:inset 0 1px #ffffff08}.chapter-icon svg{width:28px;height:28px}.chapter-number{font:14px ui-monospace,SFMono-Regular,monospace;color:var(--chapter-accent)}.chapter-title{min-width:0;flex:1;font-size:16px;font-weight:550;line-height:1.65}.chapter-count{flex-shrink:0;font-size:12px;color:#aaa9ae}.chapter-tree>div>button{color:var(--chapter-accent)}.foundations-grid{margin-top:24px;scroll-margin-top:96px}.foundations-card,.theory-video-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:linear-gradient(130deg,#1b1b1e,#141416);--course-accent:var(--theory-color)}.foundations-card{padding:24px}.foundations-copy{display:flex;flex-direction:column;flex:1;margin-top:26px}.foundations-copy h3{font-size:clamp(27px,3.1vw,38px);font-weight:650;letter-spacing:-.035em;line-height:1.4;margin:24px 0 16px}.foundations-copy h3>span{color:var(--theory-color)}.foundations-copy>p:not(.feature-kicker){font-size:16px;line-height:1.9;color:#c1bec1}.foundations-copy>p.foundations-note{font-size:13px;margin-top:20px;color:#96949c;max-width:none}.foundations-copy .feature-kicker{justify-content:flex-start;gap:18px;flex-wrap:wrap;font-size:10px}.feature-kicker .coming-soon{display:inline-flex;border:1px solid rgb(var(--theory-rgb) / .251);border-radius:999px;padding:4px 10px;color:var(--theory-color);background:rgb(var(--theory-rgb) / .031);font-size:11px;white-space:nowrap}.arrangement-mini{overflow:hidden;min-width:0;border:1px solid #ffffff20;border-radius:15px;padding:20px;background:linear-gradient(145deg,#202229,#16181e);box-shadow:0 12px 30px #0003}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#d2d1d6}.mini-heading>span{display:flex;align-items:center;gap:8px}.mini-heading i{width:5px;height:5px;border-radius:100%;background:var(--theory-color)}.mini-heading small{font:9px ui-monospace,monospace;color:#9298a7;white-space:nowrap}.score{--label-width:82px;--track-height:100px}.score-ruler{display:flex;justify-content:space-around;margin:0 0 10px var(--label-width);font:11px ui-monospace,monospace;color:#888d99}.score-grid{margin-left:var(--label-width);position:relative}.score-track{position:relative;height:var(--track-height);border-top:1px solid #ffffff0c;opacity:.16;transform:translate(22px);transition:opacity .55s,transform .7s}.score-track.is-added{opacity:1;transform:translate(0)}.score-track.is-muted{opacity:.3}.score-label{position:absolute;right:100%;top:0;width:var(--label-width);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;font-size:16px;color:var(--track-color)}.score-label small{font:9px ui-monospace,monospace;letter-spacing:.12em;opacity:.65}.score-label:disabled{cursor:default}.score-notes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.25% - 1px),#b5c4e211 calc(6.25% - 1px),#b5c4e211 6.25%)}.score-notes>span{position:absolute;height:7%;min-width:3px;background:var(--track-color);border-radius:3px;box-shadow:0 0 18px color-mix(in srgb,var(--track-color) 12%,transparent)}.score-track:first-child .score-notes>span{height:20%}.score-playhead{position:absolute;top:0;bottom:0;left:var(--playhead,0%);width:1px;background:#f0dcb6;box-shadow:0 0 12px #f0dcb644;opacity:0;pointer-events:none}.arrangement-mini.is-playing .score-playhead{opacity:1}.arrangement-mini .score{--label-width:54px;--track-height:42px;margin-top:22px}.arrangement-mini .score-ruler{font-size:8px;margin-bottom:6px}.arrangement-mini .score-label{flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;font-size:10px;padding-right:6px}.arrangement-mini .score-label svg{width:12px;height:12px;flex-shrink:0}.arrangement-mini .score-notes>span{height:5px;border-radius:2px}.arrangement-mini .score-track:nth-child(3) .score-notes>span{height:3px}.arrangement-mini .score-track:first-child .score-notes>span{height:9px}.mini-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;border-top:1px solid #ffffff10;padding-top:14px}.mini-steps{display:flex;gap:5px}.mini-steps button{min-height:40px;padding:8px 10px;border:1px solid #ffffff20;border-radius:7px;font-size:11px;color:#acaab3}.mini-steps button[aria-pressed=true]{background:#ffffff12;border-color:#ffffff50;color:#f2ece3}.mini-listen{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;background:var(--theory-color);color:#191a1e;border-radius:8px;font-size:12px;font-weight:600}.mini-listen svg{width:14px;height:14px}.mini-help{font-size:10px;line-height:1.5;color:#999ba7;margin-top:12px;text-align:center}.mini-error{font-size:12px;color:#ed9983;margin-top:10px}@media(max-width:1023px){.showcase-grid{gap:18px}.feature-copy{padding:22px 24px 26px}.modern-artwork,.ink-artwork{height:184px}.feature-secondary-actions{gap:10px}.feature-secondary-actions>a{flex-direction:column;gap:7px;min-height:75px;font-size:14px}.guofeng-feature h3.ink-title{min-height:90px;font-size:44px}.feature-primary{gap:11px;padding:14px}.action-icon{width:46px;height:46px}.action-copy strong{font-size:18px}.action-copy small{font-size:11px}.foundations-card{padding:20px}.foundations-copy h3{font-size:29px}.foundations-copy>p:not(.feature-kicker){font-size:14px}.mini-steps button{padding:8px}.arrangement-mini{padding:17px}}@media(max-width:767px){.course-showcase .feature-description{color:#c6c3cb}.course-showcase .foundations-copy>p.foundations-note{color:#aaa7b2}.showcase-grid{grid-template-columns:1fr;gap:24px}.showcase-heading{align-items:flex-end;gap:10px;margin-bottom:25px}.modern-artwork,.ink-artwork{height:184px}.feature-copy{padding:22px 24px 26px}.feature-copy h3{font-size:38px}.guofeng-feature h3.ink-title{font-size:50px;min-height:86px}.feature-description{font-size:15px;margin-top:16px;margin-bottom:24px}.feature-kicker{font-size:11px}.feature-primary{min-height:84px}.action-copy strong{font-size:18px}.feature-secondary-actions svg{width:24px;height:24px}.course-overview>.overview-toggle{align-items:flex-start;flex-direction:column;padding:25px 23px;gap:22px}.overview-open{font-size:15px;padding:12px 18px;min-height:48px}.overview-kicker{font-size:12px;line-height:1.8}.overview-subtitle{font-size:14px}.overview-title{font-size:28px}.chapter-toggle{gap:10px;padding:15px 14px;min-height:78px}.chapter-icon{width:38px;height:38px;border-radius:9px}.chapter-icon svg{width:26px;height:26px}.chapter-number{font-size:12px}.chapter-title{font-size:14px;line-height:1.6}.chapter-count{font-size:10px}.foundations-card{padding:24px}.foundations-copy h3{font-size:29px;margin-top:20px}.foundations-copy>p.foundations-note{font-size:12px;margin-top:12px;max-width:none}.arrangement-mini{padding:15px}.mini-heading{font-size:11px}.mini-heading small{font-size:8px}.mini-steps button{padding:8px}.mini-listen{padding:8px 10px}.arrangement-mini .score{--label-width:49px;--track-height:43px}}@media(max-width:767px)and (prefers-reduced-transparency:reduce){.course-showcase .course-feature,.course-showcase .foundations-card{background:#19191d;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:359px){.feature-copy{padding:20px 18px 24px}.feature-primary{padding:13px 12px;gap:9px}.action-icon{width:42px;height:46px}.action-icon svg{width:27px;height:27px}.action-arrow{width:18px;height:18px}.action-copy strong{font-size:17px}.action-copy small{font-size:10px}.feature-secondary-actions>a{font-size:13px;padding:12px 7px}.modern-artwork,.ink-artwork{height:172px}.feature-copy h3{font-size:34px}.guofeng-feature h3.ink-title{font-size:45px;min-height:82px}.overview-title{font-size:25px}.feature-kicker{flex-wrap:wrap;gap:7px}.chapter-toggle{gap:8px;padding:14px 10px}.chapter-count{display:none}.foundations-card{padding:20px 16px}.foundations-copy h3{font-size:26px}.arrangement-mini{padding:13px 11px}.mini-heading{font-size:10px}.mini-controls{gap:5px}.mini-steps{gap:3px}.mini-steps button{padding:8px 7px;font-size:10px}.mini-listen{padding:8px;font-size:11px}.mini-help{font-size:9px}}@media(prefers-reduced-motion:reduce){.session-art,.session-playhead,.ink-artwork img,.score-track,.chapter-toggle,.feature-actions a{transition:none}.modern-feature:hover .session-art{transform:rotateX(17deg) rotateY(-13deg) rotate(-6deg) translateY(-2px)}.guofeng-feature:hover .ink-artwork img{transform:scale(1.025)}.feature-actions a:hover,.feature-actions a:active{transform:none}}.foundations-course-entry{display:flex;align-items:center;gap:13px;max-width:360px;min-height:64px;padding:13px 18px;margin-top:23px;border:1px solid rgb(var(--theory-rgb) / .502);border-radius:12px;background:linear-gradient(160deg,rgb(var(--theory-rgb) / .11),rgb(var(--theory-rgb) / .043));color:#b1e5cb;font-size:15px;font-weight:600;box-shadow:inset 0 1px #ffffff15}.foundations-course-entry>span{flex:1}.foundations-course-entry small{display:block;margin-top:3px;font-size:11px;color:#a8bcb2;font-weight:400}.foundations-course-entry:hover{border-color:var(--theory-color);background:rgb(var(--theory-rgb) / .137)}.foundations-course-entry:focus-visible{outline:2px solid var(--theory-color);outline-offset:4px}.mini-score-frame{perspective:800px;padding:8px 6px 14px;margin:0 -6px -14px;clip-path:inset(-18px -24px 0 -24px)}.mini-score-motion{transform:rotateX(var(--mini-tilt-x,0deg)) rotateY(var(--mini-tilt-y,0deg));transform-origin:50% 50%}.arrangement-mini .score-track{transform:translate3d(0,var(--track-arrival-y,64px),0) rotate(var(--track-arrival-turn,0deg));transform-origin:50% 50%;opacity:calc(.16 * var(--track-arrival-opacity,0));transition:opacity .1s linear,transform .1s linear}.arrangement-mini .score-track.is-added{opacity:var(--track-arrival-opacity,0)}.arrangement-mini .score-track.is-muted{opacity:calc(.3 * var(--track-arrival-opacity,0))}.foundations-grid .foundations-course-entry{max-width:none;width:100%;margin-top:auto}.foundations-grid .foundations-note{margin-bottom:24px}.theory-video-card{--theory-color:#cec1a5;--theory-rgb:206 193 165;border-color:rgb(var(--theory-rgb)/.25);background:linear-gradient(130deg,#211f1b,#171613)}.theory-video-screen{aspect-ratio:16/9;background:#cec1a5;position:relative}.theory-video-screen iframe,.theory-video-cover{display:block;width:100%;height:100%;border:0}.theory-video-cover{position:absolute;inset:0;cursor:pointer}.theory-video-cover img{width:100%;height:100%;object-fit:cover}.theory-video-cover:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}.theory-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--theory-color);color:#2a251d;box-shadow:0 6px 24px #0005;z-index:1}.theory-video-play svg{width:24px;height:24px;fill:currentColor;margin-left:3px}.theory-video-duration{position:absolute;bottom:12px;right:12px;padding:3px 7px;border-radius:4px;color:#fff;background:#000b;font:11px ui-monospace,monospace;z-index:1}.theory-video-copy{padding:24px;display:flex;flex-direction:column;flex:1}.theory-video-copy h3{font-size:clamp(24px,2.6vw,32px);line-height:1.35;letter-spacing:-.035em;font-weight:650;margin-top:16px}.theory-video-copy h3>span{color:var(--theory-color)}.theory-video-intro{font-size:13px;line-height:1.8;color:#aaa7b2;margin:12px 0 20px}.theory-video-list{border-top:1px solid #ffffff16;margin-bottom:18px}.theory-video-list button{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;text-align:left;padding:12px 10px;border-bottom:1px solid #ffffff12;color:#bcbac2;font-size:13px;line-height:1.6}.theory-video-list button[aria-pressed=true]{background:rgb(var(--theory-rgb)/.08);color:var(--theory-color)}.theory-video-number{font:11px ui-monospace,monospace;opacity:.8}.theory-video-list button>span:nth-child(2){flex:1}.theory-video-list small{font:10px ui-monospace,monospace;color:#999ba7}.theory-video-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto}.theory-video-footer>a,.theory-video-footer>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;color:var(--theory-color);border:1px solid rgb(var(--theory-rgb)/.25);border-radius:8px;padding:8px 12px}.theory-video-footer>button{background:rgb(var(--theory-rgb)/.09)}.theory-video-footer svg{width:16px;height:16px}.theory-video-card button:focus-visible,.theory-video-card a:focus-visible,.arrangement-mini button:focus-visible{outline:2px solid var(--theory-color);outline-offset:-3px}.theory-video-card .theory-practice-entry{--course-accent:var(--theory-color);--course-accent-rgb:var(--theory-rgb);margin-top:20px}.theory-video-fallback{display:block;padding:24px 36px 90px;color:#393429;font-size:24px;text-align:left}.theory-video-fallback small{font-size:14px}@media(max-width:1023px){.theory-video-copy{padding:22px 20px}.foundations-grid .foundations-copy h3{font-size:28px}}@media(max-width:767px){.foundations-grid{gap:24px}.foundations-copy{margin-top:24px}.theory-video-copy{padding:24px}.foundations-grid .foundations-copy h3{font-size:29px}}@media(prefers-reduced-motion:reduce){.mini-score-motion,.arrangement-mini .score-track{transform:none!important;transition:none}.arrangement-mini .score-track{--track-arrival-opacity:1!important}}.course-overview>.overview-toggle{width:100%;text-align:left}.course-concept-artwork{display:block;width:100%;height:auto;aspect-ratio:560/326;object-fit:contain;flex-shrink:0}.course-showcase .guofeng-feature h3.ink-title{font-size:clamp(32px,3.8vw,44px);line-height:1.2;min-height:0;letter-spacing:-.045em}.guofeng-feature .feature-kicker{letter-spacing:.1em}.overview-open{min-height:44px;padding:8px 15px;border-radius:9px;border-color:rgb(var(--course-accent-rgb)/.32);background:rgb(var(--course-accent-rgb)/.05);box-shadow:none;font-family:inherit;font-weight:500;font-size:13px;line-height:1.5;color:var(--course-accent)}.overview-open svg{width:17px;height:17px}.overview-title{font-family:inherit;font-weight:700;letter-spacing:-.025em}.reading-resume .resume-action{font-size:13px;font-weight:500;line-height:1.5;color:var(--reading-accent);background:rgb(var(--reading-rgb)/.05);border-color:rgb(var(--reading-rgb)/.32);box-shadow:none}.course-overview>.overview-toggle:hover .overview-open{background:rgb(var(--course-accent-rgb)/.1)}.course-role-artwork,.course-instrument-artwork{width:100%;aspect-ratio:560/326;position:relative;overflow:hidden;flex-shrink:0;isolation:isolate;--artwork-play-state:paused;--role-unfold:1;--instrument-radius:160px}.course-role-artwork{perspective:950px;background:linear-gradient(130deg,#242125,#16171b)}.course-role-scene{transform-style:preserve-3d;transform-origin:50% 55%;transform:rotateX(calc(17deg + (1 - var(--role-unfold)) * 12deg)) rotateY(calc(-13deg - (1 - var(--role-unfold)) * 10deg)) rotate(calc(-6deg - (1 - var(--role-unfold)) * 3deg)) scale(calc(1 + var(--role-unfold) * .18)) translate(calc(var(--role-unfold) * -8px));transition:transform .32s cubic-bezier(.2,.7,.2,1)}.course-role-scene svg{display:block;width:100%;height:auto}.role-track{transition:filter .14s ease-out,opacity .14s ease-out}.role-track-middle{filter:blur(calc((1 - var(--role-unfold)) * .6px));opacity:calc(.65 + .35 * var(--role-unfold))}.role-track-back{filter:blur(calc((1 - var(--role-unfold)) * 1px));opacity:calc(.45 + .55 * var(--role-unfold))}.role-playhead{animation:role-playback 10s linear infinite;animation-play-state:var(--artwork-play-state);will-change:transform}@keyframes role-playback{0%{transform:translate(0)}to{transform:translate(377px)}}@media(hover:hover){.modern-feature:hover .course-role-scene{transform:rotateX(5deg) rotateY(-3deg) rotate(-2deg) translateY(-4px) scale(calc(1 + var(--role-unfold) * .18)) translate(calc(var(--role-unfold) * -8px))}}.course-role-artwork:focus-within .course-role-scene{transform:rotateX(5deg) rotateY(-3deg) rotate(-2deg) translateY(-4px) scale(1.08)}.role-track:focus-visible{outline:1px solid #e6aa83;outline-offset:3px}.course-instrument-artwork{background:radial-gradient(ellipse at 51% 57%,#293a49 0,#1a2632 42%,#131c26);color:#c8d2dc;min-height:220px}.instrument-mountains{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:grayscale(1) brightness(.6) contrast(.9);opacity:.53;-webkit-mask-image:linear-gradient(#000 0%,#000 26%,#0008 50%,transparent 87%);mask-image:linear-gradient(#000 0%,#000 26%,#0008 50%,transparent 87%);pointer-events:none;animation:mountain-breath 14s ease-in-out infinite alternate;animation-play-state:var(--artwork-play-state);will-change:transform}@keyframes mountain-breath{0%{transform:scale(1.015)}to{transform:scale(1.045)}}.course-instrument-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#131c2610,#131c2620 25%,#131c2699 64%,#131c26);pointer-events:none;z-index:0}.instrument-inscription{position:absolute;left:5.6%;top:9%;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;pointer-events:none;color:#d9d4c8bd;font-family:Songti SC,"Noto Serif SC",SimSun,serif;font-size:clamp(12px,1.3vw,17px);line-height:1.45;letter-spacing:.16em;text-shadow:0 1px 6px #0c151c}.instrument-inscription span{writing-mode:vertical-rl}.instrument-inscription i{font-style:normal;font-size:12px;line-height:1;letter-spacing:0}.instrument-seal{position:absolute;top:9%;right:6%;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;width:clamp(34px,8%,44px);aspect-ratio:1;padding:3px;border:3px double #98aff099;border-radius:3px 2px 4px;background:#18263a30;color:#abc0f3;font-family:Songti SC,"Noto Serif SC",SimSun,serif;font-size:clamp(12px,1.25vw,17px);line-height:1;transform:none;pointer-events:none}.instrument-deck{position:absolute;inset:16% 0 13%;z-index:1;perspective:480px;perspective-origin:50% 47%}.instrument-cylinder{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--instrument-radius))) rotateY(-90deg);will-change:transform}.instrument-art-card{position:absolute;left:50%;top:49%;width:38%;height:118%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform:translate(-50%,-50%) rotateY(var(--instrument-angle)) translateZ(var(--instrument-radius));transform-origin:50% 50%;backface-visibility:hidden;pointer-events:none;filter:blur(0);transition:filter .18s ease-out}.instrument-art-card[data-depth=near]{filter:blur(1.4px)}.instrument-art-card[data-depth=far]{filter:blur(2.6px)}.instrument-art-card:before{content:"";position:absolute;left:15%;right:15%;bottom:14%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#030a1099,transparent 70%);z-index:-1}.instrument-art-card svg{width:100%;height:84%;overflow:visible;filter:drop-shadow(5px 7px 3px #020810aa)}.instrument-art-card>span{font:500 9.5px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:#bfc7cc;letter-spacing:.13em;white-space:nowrap}.instrument-art-footer{position:absolute;left:5%;right:5%;bottom:1%;display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:10}.instrument-art-controls{display:flex;align-items:center;gap:3px}.instrument-art-controls button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;color:#acbfce;background:transparent}.instrument-art-controls button:hover{background:#91b2ff12;color:#e0e8ee}.instrument-art-controls button:disabled{opacity:.25;cursor:default}.instrument-art-controls button:focus-visible{outline:2px solid #b0c6ff;outline-offset:2px}.instrument-position{display:flex;gap:4px;align-items:center;padding:0 6px}.instrument-position i{width:3px;height:3px;border-radius:2px;background:#9fadb447}.instrument-position i.active{width:12px;background:#a9bbcc}.course-feature[data-lens-defocused=true] .role-playhead,.course-feature[data-lens-defocused=true] .instrument-mountains{animation-play-state:paused}@media(max-width:767px){.instrument-deck{perspective:380px}.instrument-art-controls button{height:36px;width:32px}.instrument-art-card>span{font-size:8px;letter-spacing:.09em}}@media(prefers-reduced-motion:reduce){.course-role-scene,.modern-feature:hover .course-role-scene,.course-role-artwork:focus-within .course-role-scene{transform:none;transition:none}.role-track{transition:none;filter:none;opacity:1}.role-playhead,.instrument-mountains{animation:none;will-change:auto}.role-playhead{transform:translate(188px)}.instrument-art-card{transition:none}.instrument-cylinder{will-change:auto}}.site-header-row{display:flex;align-items:center;gap:24px;min-height:76px;padding:0 24px}.desktop-site-nav{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px}.site-header-account{margin-left:auto;flex-shrink:0}.site-nav-button-icon{width:17px;height:17px;flex-shrink:0;color:#d8bf93}.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #ddbc7b;outline-offset:3px}.site-nav-dropdown{position:relative}.site-nav-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 11px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff04;color:#d8d5dc;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.site-nav-trigger:hover,.site-nav-trigger[aria-expanded=true]{background:#ffffff08;color:#f3eee7}.site-nav-trigger[aria-expanded=true]{border-color:#ffffff15}.site-nav-chevron{width:14px;height:14px;transition:transform .18s}.site-nav-trigger[aria-expanded=true] .site-nav-chevron{transform:rotate(180deg)}.site-nav-panel{position:absolute;left:0;top:calc(100% + 14px);width:304px;padding:7px;border:1px solid #ffffff26;border-radius:13px;background:#1a1a1efc;box-shadow:0 18px 44px #0007,inset 0 1px #ffffff06;display:grid;gap:4px}.site-nav-panel[hidden],.mobile-site-nav[hidden]{display:none}.site-nav-option{--nav-accent:var(--modern-color);display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 12px;border-radius:8px;color:#e9e6eb;font-size:14px;line-height:1.6;transition:background .15s}.site-nav-option.nav-course-gf{--nav-accent:var(--guofeng-color)}.site-nav-option>span:nth-child(2){min-width:0;flex:1}.site-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff035;color:var(--nav-accent)}.site-nav-icon svg{height:19px;width:19px;stroke-width:1.7}.site-nav-arrow{width:15px;height:15px;flex-shrink:0;color:#a5a0ac}.site-nav-option:hover,.site-nav-option:focus-visible{background:#ffffff08}.site-nav-option:focus-visible{outline:2px solid var(--nav-accent);outline-offset:-2px}.site-nav-option:hover .site-nav-arrow{color:var(--nav-accent)}.site-nav-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff04;color:#d8d5dc;white-space:nowrap;font-size:13px;transition:background .15s,color .15s,border-color .15s}.site-nav-link:hover,.site-nav-trigger:hover,.site-nav-trigger[aria-expanded=true]{background:#ffffff09;border-color:#d8bf9355;color:#fff3de}.site-nav-login{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:44px;border:1px solid #ffffff26;border-radius:9px;color:#ece7df;font-size:14px;white-space:nowrap}.site-nav-login svg{height:14px;width:14px}.site-nav-login:hover{border-color:#d8ac63}.mobile-menu-toggle,.mobile-site-nav{display:none}@media(min-width:1120px)and (max-width:1499px){.site-header-row{gap:14px;padding:0 20px}.site-brand{gap:8px}.site-brand>span{font-size:13px;letter-spacing:0}.desktop-site-nav{gap:6px}.site-nav-trigger,.site-nav-link{padding:0 8px;gap:5px}.site-nav-login{font-size:13px;padding:10px}}@media(max-width:1119px){.site-header-row{min-height:68px;gap:12px;padding:0 20px}.desktop-site-nav{display:none}.mobile-menu-toggle{display:flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;border-radius:10px;border:1px solid #ffffff26;background:#ffffff04;color:#e9e5df}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:absolute;left:0;right:0;top:100%;padding:12px 20px 20px;background:#111113fc;border-bottom:1px solid #ffffff24;box-shadow:0 20px 30px #0005;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.mobile-site-nav .site-nav-dropdown{min-width:0}.mobile-site-nav .site-nav-dropdown.is-open{grid-column:1/-1}.mobile-site-nav .site-nav-trigger{width:100%;min-height:48px;justify-content:flex-start;padding:0 13px;font-size:14px}.mobile-site-nav .site-nav-chevron{margin-left:auto}.mobile-site-nav .site-nav-panel{position:static;width:100%;margin:8px 0 0;padding:5px;box-shadow:none;border-color:#ffffff17;border-radius:10px;background:#1a1a1e}.mobile-site-nav .site-nav-option{min-height:56px;padding:10px;gap:10px;font-size:14px}.mobile-site-nav .site-nav-icon{width:32px;height:32px}.mobile-site-nav .site-nav-link{min-height:48px;font-size:14px;padding:0 13px}}@media(max-width:479px){.site-brand>span{display:none}.site-header-row{padding:0 16px}.site-nav-login{font-size:13px}.mobile-site-nav{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){.site-nav-trigger,.site-nav-chevron,.site-nav-option{transition:none}}@keyframes nav-dropdown-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.site-nav-panel:not([hidden]),.mobile-site-nav:not([hidden]){animation:nav-dropdown-reveal .24s cubic-bezier(.22,.7,.25,1) both}@media(prefers-reduced-motion:reduce){.site-nav-panel:not([hidden]),.mobile-site-nav:not([hidden]){animation:none}}@media(min-width:1120px){.site-header-row{gap:16px;padding:0 20px}.desktop-site-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));flex:1;max-width:none;gap:8px;min-width:0}.desktop-site-nav .site-nav-dropdown{min-width:0}.desktop-site-nav .site-nav-trigger,.desktop-site-nav .site-nav-link{width:100%;height:44px;min-height:44px;justify-content:center;padding:0 8px;font-size:13px;gap:6px}.desktop-site-nav .site-nav-trigger{position:relative;padding-right:21px}.desktop-site-nav .site-nav-chevron{position:absolute;right:7px;width:12px}}@media(min-width:1120px)and (max-width:1499px){.site-brand>span{display:none}.desktop-site-nav .site-nav-trigger,.desktop-site-nav .site-nav-link{font-size:12px}.site-nav-login{font-size:12px;padding:10px}}.site-nav-button-icon{color:hsl(var(--primary))}.site-mobile-toggle>svg{color:hsl(var(--primary))}@media(min-width:1120px){.site-header-row{flex-wrap:nowrap;gap:clamp(10px,1vw,20px)}.desktop-site-nav{grid-auto-flow:column;grid-template-rows:44px;gap:clamp(4px,.45vw,9px)}.desktop-site-nav .site-nav-link,.desktop-site-nav .site-nav-trigger{font-size:clamp(11px,.82vw,13px);padding-left:6px;padding-right:6px;gap:5px}.desktop-site-nav .site-nav-trigger{padding-right:20px}.desktop-site-nav .site-nav-button-icon{width:14px;height:14px}.site-header-account{margin-left:0}.site-nav-login{font-size:clamp(11px,.85vw,14px);padding-left:10px;padding-right:10px}}@media(min-width:1120px)and (max-width:1399px){.desktop-site-nav .site-nav-button-icon{display:none}.desktop-site-nav .site-nav-trigger{padding-right:17px}.desktop-site-nav .site-nav-chevron{right:4px}}.site-nav-link[href="#sounds"]{--nav-link-accent:var(--sounds-color)}.site-nav-link[href="#synth"]{--nav-link-accent:var(--synth-color)}.site-nav-link[href="/cubase"]{--nav-link-accent:#e4a090}.site-nav-link:is([href="/sound-news"],[href="#sounds"],[href="#synth"],[href="/cubase"]){color:var(--nav-link-accent);border-color:color-mix(in srgb,var(--nav-link-accent) 32%,transparent);background:color-mix(in srgb,var(--nav-link-accent) 6%,transparent)}.site-nav-link:is([href="/sound-news"],[href="#sounds"],[href="#synth"],[href="/cubase"]) .site-nav-button-icon{color:inherit}.site-nav-link:is([href="/sound-news"],[href="#sounds"],[href="#synth"],[href="/cubase"]):hover{color:var(--nav-link-accent);border-color:color-mix(in srgb,var(--nav-link-accent) 65%,transparent);background:color-mix(in srgb,var(--nav-link-accent) 12%,transparent)}.site-header .site-nav-link:is([href="/sound-news"],[href="#sounds"],[href="#synth"],[href="/cubase"]):focus-visible{outline-color:var(--nav-link-accent)}.campus-account-compact-icon{display:none}@media(max-width:1399px){.site-header-row{min-height:60px;height:auto;padding:8px 12px;gap:8px;flex-wrap:nowrap}.site-brand>span{display:none}.desktop-site-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:40px;flex:1;min-width:0;max-width:none;gap:4px}.site-nav-dropdown{min-width:0;position:static}.desktop-site-nav .site-nav-trigger,.desktop-site-nav .site-nav-link{display:flex;width:100%;min-width:0;height:40px;padding:0;justify-content:center}.desktop-site-nav .site-nav-trigger>span,.desktop-site-nav .site-nav-link>span,.desktop-site-nav .site-nav-chevron{display:none}.desktop-site-nav .site-nav-button-icon{display:block;width:18px;height:18px;flex-shrink:0}.site-header-account{margin-left:0;flex-shrink:0}.site-nav-login{width:40px;height:40px;padding:0;justify-content:center}.site-nav-login .campus-account-label,.site-nav-login>svg:not(.campus-account-compact-icon){display:none}.site-nav-login .campus-account-compact-icon{display:block;width:18px;height:18px}.mobile-menu-toggle,.mobile-site-nav{display:none}.desktop-site-nav .site-nav-panel{left:12px;top:calc(100% + 8px);width:min(304px,calc(100vw - 24px))}}@media(max-width:479px){.site-header-row{padding:8px 6px;gap:4px}.site-brand img{width:26px;height:26px}.desktop-site-nav{gap:2px}.desktop-site-nav .site-nav-button-icon{width:16px;height:16px}.site-nav-login{width:28px}}.desktop-site-nav .site-nav-trigger,.desktop-site-nav .site-nav-link{box-sizing:border-box}.site-nav-link[href="/sound-news"]{--nav-link-accent:#d7bb7b}.portal [data-lens-defocused=true]{filter:blur(var(--lens-blur,0px))}@media(prefers-reduced-motion:reduce){.portal [data-lens-focus]{filter:none!important}}@media print{.portal [data-lens-focus]{filter:none!important}}.audible-figure{width:100%;min-width:0}.audible-drawing{position:relative;display:block;width:100%;margin-block:0;text-align:left;cursor:pointer}.static-drawing{position:relative;display:block;width:100%;margin-block:0;text-align:left}.audible-drawing:disabled{cursor:default}.audible-drawing:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:5px}.audible-original{display:block;width:100%}.audible-original>svg,.audible-drawing>img,.static-drawing>img{display:block;width:100%;height:auto}.audible-original>svg{isolation:isolate}.audible-corner{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#24455a;background:#fff;opacity:.7;pointer-events:none}.is-playing .audible-corner{background:hsl(var(--primary));color:#171717;opacity:1}.audible-panel{margin-top:12px;text-align:left}.audible-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.audible-play{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:44px;padding:10px 15px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:14px;font-weight:650;border:1px solid transparent;border-radius:10px;cursor:pointer}.audible-play:hover:not(:disabled){filter:brightness(1.08)}.audible-play:disabled{opacity:.5;cursor:wait}.audible-label{flex:1;min-width:0;align-self:center;font-size:13px;line-height:1.6;color:hsl(var(--muted-foreground));overflow-wrap:anywhere}.is-playing .audible-label{color:hsl(var(--foreground))}.audible-clock{flex:0 0 auto;color:hsl(var(--muted-foreground));font-size:12px;font-variant-numeric:tabular-nums}.audible-play:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.audible-progress{height:3px;margin-top:12px;overflow:hidden;background:hsl(var(--border));border-radius:2px}.audible-progress>span{display:block;height:100%;background:hsl(var(--primary))}.audible-note{margin-top:8px;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.65}.audible-status{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.6}.audible-status:empty{display:none}.audible-error{color:#efb579;font-size:13px;line-height:1.6}.audible-error button{min-height:44px;text-decoration:underline;padding:0 8px}.audible-spinner{animation:audible-spin 1s linear infinite}@keyframes audible-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.audible-toolbar{gap:7px}.audible-play{padding-inline:12px}.audible-label{flex-basis:calc(100% - 140px)}.audible-clock{margin-left:auto}}@media(prefers-reduced-motion:reduce){.audible-spinner{animation:none}}.audible-placeholder{display:grid;place-items:center;width:100%;color:#60778b;font-size:13px}.pulse-figure{width:100%;margin-block:0}.pulse-drawing{position:relative}.pulse-original>svg{display:block;width:100%;height:auto}.pulse-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pulse-target{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.pulse-hit{fill:transparent}.pulse-ring,.pulse-tone-outline{fill:none;stroke:#27769c;stroke-width:3;opacity:0;pointer-events:none}.pulse-target:hover .pulse-ring,.pulse-target:focus-visible .pulse-ring,.pulse-target.is-active .pulse-ring,.pulse-target:hover .pulse-tone-outline,.pulse-target:focus-visible .pulse-tone-outline,.pulse-target.is-active .pulse-tone-outline{opacity:1}.pulse-target:focus-visible .pulse-hit{stroke:#27769c;stroke-width:2;stroke-dasharray:5 4}.pulse-target.is-active .pulse-ring{fill:#27769c;fill-opacity:.18}.pulse-playhead{stroke:#27769c;stroke-width:2;pointer-events:none}.pulse-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.pulse-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 14px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--card));color:hsl(var(--foreground));font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}.pulse-button:hover:not(:disabled){border-color:hsl(var(--muted-foreground))}.pulse-button:focus-visible,.pulse-mobile-beats button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.pulse-button.pulse-play{border-color:transparent;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pulse-button.pulse-play:hover{background:#f1b650}.pulse-button:disabled{opacity:.4;cursor:default}.pulse-tempo{margin-left:auto;color:hsl(var(--muted-foreground));font-size:12px;white-space:nowrap}.pulse-status{min-height:2.8em;margin:12px 0 0;color:hsl(var(--foreground));font-size:15px;line-height:1.6}.pulse-hint{margin:0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.6}.pulse-mobile-beats{display:none}@media(max-width:600px){.pulse-controls{gap:6px}.pulse-button{flex:1;padding-inline:8px;font-size:13px;gap:5px}.pulse-stop{flex:0 0 auto}.pulse-tempo{flex-basis:100%;margin:4px 0}.pulse-mobile-beats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(66px,1.5fr);gap:6px;margin-top:6px}.pulse-mobile-beats button{min-height:44px;border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));background:hsl(var(--card));font-size:13px;cursor:pointer}.pulse-mobile-beats button.is-active{background:#27769c;color:#fff}.pulse-status{font-size:14px;min-height:3.2em}}@media(prefers-reduced-motion:reduce){.pulse-playhead{display:none}}.reading-article{--reading-body: hsl(40 10% 84%);--reading-secondary: hsl(240 5% 66%);--reading-line: hsl(240 4% 23%)}.reading-article .book-h1{font-size:clamp(27px,3vw,36px);letter-spacing:.015em;line-height:1.5;margin:20px 0 22px;padding-left:18px}.reading-article .book-h2{display:block;margin:48px 0 20px;font-size:24px;line-height:1.55;letter-spacing:.015em}.reading-article .book-h3{margin:30px 0 12px;font-size:20px;line-height:1.6}.reading-article .book-p{max-width:42rem;margin:18px 0;color:var(--reading-body);font-size:17px;font-weight:400;line-height:1.95;text-align:left;overflow-wrap:break-word}.reading-article .book-p strong{color:hsl(var(--foreground));font-weight:650}.reading-article .book-intro{max-width:42rem;margin:24px 0;padding:0 0 0 18px;border-left:2px solid var(--reading-line);border-radius:0;background:none;font:inherit;font-size:16px;line-height:1.9;color:var(--reading-body)}.reading-goal{max-width:42rem;margin:28px 0 32px;padding:20px 24px;border:1px solid hsl(var(--primary)/.25);border-left:3px solid hsl(var(--primary));border-radius:0 10px 10px 0;background:hsl(var(--primary)/.05)}.reading-eyebrow{display:block;margin-bottom:9px;color:hsl(var(--primary));font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.1em}.reading-goal p{margin:0;font-size:18px;line-height:1.9;color:hsl(var(--foreground))}.reading-article .reading-key{margin:26px 0;padding-left:18px;border-left:2px solid hsl(var(--primary)/.7);color:var(--reading-body)}.reading-article .reading-key strong{font-size:19px;line-height:1.85;font-weight:650}.reading-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 28px;padding-bottom:15px;border-bottom:1px solid var(--reading-line);color:var(--reading-secondary);font-size:12px}.reading-tools button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;border:1px solid var(--reading-line);border-radius:7px;color:var(--reading-body);font-size:13px;line-height:1.5}.reading-tools button:hover{border-color:hsl(var(--primary)/.5);color:hsl(var(--foreground));background:hsl(var(--secondary)/.5)}.reading-detail{max-width:42rem;margin:12px 0;border-radius:8px}.reading-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 13px;border:1px solid transparent;border-radius:8px;background:#24242866;cursor:pointer;list-style:none;color:var(--reading-secondary);font-size:14px;font-weight:450;line-height:1.65}.reading-detail>summary::-webkit-details-marker{display:none}.reading-detail>summary::marker{content:""}.reading-detail>summary:hover{color:hsl(var(--foreground));background:#2e2e3380}.reading-detail>summary>svg{flex-shrink:0;transition:transform .15s}.reading-detail[open]>summary>svg{transform:rotate(180deg)}.reading-detail[open]>summary{color:var(--reading-body);border-bottom-left-radius:0;border-bottom-right-radius:0}.reading-detail-body{padding:1px 16px 8px;border-left:1px solid var(--reading-line);margin-left:12px}.reading-detail-body .book-p,.reading-detail-body>p,.reading-caption-text{font-size:15px;line-height:1.85;color:var(--reading-secondary);margin:12px 0;font-weight:400;overflow-wrap:anywhere}.reading-detail-body .book-h2{font-size:20px;margin-top:24px}.reading-detail-body .book-h3{font-size:17px;margin-top:20px}.reading-detail--appendix{margin-top:24px;border:1px solid var(--reading-line)}.reading-detail--appendix>summary{background:none;padding:13px 16px}.reading-detail--meta{margin-top:36px}.reading-detail--meta>summary{background:none;padding-left:0}.reading-figure{margin:26px 0 28px}.reading-figure>.audible-figure{margin:0}.reading-figure .book-figure{margin-block:0}.reading-detail--caption{max-width:none;margin:4px 0 0}.reading-detail--caption>summary{justify-content:flex-start;gap:8px;min-height:44px;padding:7px 2px;background:none;font-size:12px}.reading-detail--caption>summary:hover{background:none}.reading-detail--caption[open]>summary{background:none}.reading-detail--caption .reading-detail-label{display:flex;flex-wrap:wrap;gap:13px}.reading-figure-number{font-variant-numeric:tabular-nums;color:var(--reading-secondary)}.reading-detail--caption .reading-detail-body{border-left:0;margin:0;padding:0 2px;max-width:42rem}.reading-detail--caption .reading-detail-body p{margin:0 0 10px;font-size:14px;line-height:1.85;text-align:left}.reading-caption-copy p{margin:0 0 10px;font-size:14px;line-height:1.85;color:var(--reading-secondary);text-align:left;overflow-wrap:break-word}.reading-caption-copy p:last-child{margin-bottom:0}.reading-article .book-callout{max-width:42rem;margin:28px 0;padding:19px 22px;background:hsl(var(--primary)/.06);border-left-width:2px;color:var(--reading-body);font-size:16px;line-height:1.9}.reading-article .book-callout p{margin:0}.reading-table-group{margin:24px 0;min-width:0}.reading-table{width:100%;overflow-x:auto;border:1px solid var(--reading-line);border-radius:9px}.reading-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.75;text-align:left}.reading-table thead th{font-weight:600;color:hsl(var(--foreground));background:#252528}.reading-table tbody th{text-align:left;vertical-align:top;color:var(--reading-body);font-weight:550;background:none}.reading-table th{word-break:keep-all}.reading-table td{color:var(--reading-body);vertical-align:top}.reading-table th,.reading-table td{padding:13px 15px;border-right:1px solid var(--reading-line);border-bottom:1px solid var(--reading-line);min-width:7rem;overflow-wrap:anywhere;white-space:pre-line}.reading-table tbody tr:last-child>*{border-bottom:0}.reading-table tr>:last-child{border-right:0}.reading-detail-body .reading-table table{font-size:14px}.reading-table--compact table{table-layout:fixed}.reading-table--compact th,.reading-table--compact td{min-width:0}.reading-table--wide table{min-width:max-content}.reading-table--wide th,.reading-table--wide td{min-width:8rem;max-width:22rem}.reading-table caption{padding:18px 20px;text-align:left;caption-side:top;border-bottom:1px solid var(--reading-line)}.reading-table-title{display:block;color:hsl(var(--foreground));font-weight:600;font-size:18px;line-height:1.7}.reading-table-subtitle{display:block;margin-top:5px;font-size:14px;line-height:1.8;color:var(--reading-secondary)}.reading-table-notes{max-width:42rem;margin:10px 2px 0;color:var(--reading-secondary);font-size:14px;line-height:1.85}.reading-table-notes p{margin:7px 0}.reading-figure>.audible-figure .reading-table-group{margin:0}.reading-article :where(summary,button,[tabindex]):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}@media(max-width:600px){.reading-article .book-h2{font-size:22px;margin-top:38px}.reading-article .book-p{font-size:17px;line-height:1.95}.reading-goal{padding:16px 18px}.reading-goal p{font-size:17px}.reading-article .reading-key strong{font-size:18px}.reading-detail-body .book-p,.reading-detail-body>p{font-size:15px}.reading-tools{align-items:flex-start}.reading-tools>span{line-height:40px}.reading-table th,.reading-table td{padding:11px 10px}.reading-table caption{padding:14px 12px}.reading-table-title{font-size:17px}}@media(prefers-reduced-motion:reduce){.reading-detail>summary>svg{transition:none}}@media print{.reading-tools{display:none}.reading-detail>.reading-detail-body{display:block!important}.reading-detail>summary>svg{display:none}}.textbook-access-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:20px 0 28px;padding:12px 0;border-block:1px solid hsl(var(--border));font-size:13px;line-height:1.8;color:hsl(var(--muted-foreground))}.textbook-access-note button{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:hsl(var(--primary));font-weight:600}.student-case{position:relative;margin:32px 0 0;border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;background:hsl(var(--card))}.student-case-header{position:relative;padding:22px 24px 16px;border-bottom:1px solid hsl(var(--border))}.student-case-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.05em;color:hsl(var(--primary));font-weight:600}.student-case-eyebrow>span{color:hsl(var(--muted-foreground));font-weight:400;margin-left:auto}.student-case-title{margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.55;text-wrap:pretty;color:hsl(var(--foreground))}.student-case-preview{position:relative;min-height:238px;isolation:isolate;overflow:hidden}.student-case-paper{position:absolute;inset:26px 24px;opacity:.55;filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden}.student-case-paper>i{display:block;height:7px;margin-bottom:13px;border-radius:4px;background:hsl(var(--muted-foreground));width:92%}.student-case-paper>i:nth-child(2){width:81%}.student-case-paper>i:nth-child(3){width:58%}.student-case-score{margin:25px 0 18px;padding:6px 15px;border:1px solid hsl(var(--muted-foreground))}.student-case-score>div{display:flex;align-items:center;gap:8%;height:22px;border-bottom:1px solid hsl(var(--border))}.student-case-score b{height:6px;width:18%;border-radius:3px;background:hsl(var(--primary))}.student-case-score>div:nth-child(2n){padding-left:10%}.student-case-score>div:nth-child(3) b{width:32%}.student-case-gate{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:238px;padding:24px 16px;background:linear-gradient(90deg,hsl(var(--card)/.3),hsl(var(--card)/.85) 30% 70%,hsl(var(--card)/.3));color:hsl(var(--muted-foreground))}.student-case-gate-title{margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.5;color:hsl(var(--foreground))}.student-case-hint{margin:5px 0 16px;font-size:13px;line-height:1.7}.student-case-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:142px;padding:10px 20px;border-radius:9px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:14px;font-weight:600}.student-case-login:hover{filter:brightness(1.08)}.student-case-login:disabled{opacity:.6}.student-case button:focus-visible,.textbook-access-note button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.student-case-continue{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border-top:1px solid hsl(var(--border));font-size:13px;color:hsl(var(--muted-foreground))}.student-case-continue:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.3)}.student-case-toggle{margin-top:12px;min-height:36px;font-size:13px;color:hsl(var(--muted-foreground));text-decoration:underline;text-underline-offset:4px}.student-case-content{padding:2px 24px 14px}.student-case-content>.reading-content>.book-h2:first-child{margin-top:24px}.student-case-content .student-case{margin-inline:0}.student-case-after{scroll-margin-top:100px;outline:none;height:1px}@media(max-width:640px){.student-case-header{padding:18px 18px 14px}.student-case-title{font-size:18px}.student-case-content{padding:0 14px 10px}.student-case-preview,.student-case-gate{min-height:224px}.textbook-access-note{font-size:12px}}.reading-member-label{display:inline-flex;align-items:center;gap:4px;margin-left:10px;color:#bfa774;font-size:11px;font-weight:400;white-space:nowrap}.reading-detail--exercise{border-color:#e0ae4429}.student-case--embedded{margin:0;border:0;border-radius:10px;background:transparent}.student-case--embedded .student-case-content{padding:0}.student-case--embedded .student-case-preview{min-height:214px;border-radius:10px;overflow:hidden}.student-case--embedded .student-case-gate{min-height:214px}.student-case--embedded .student-case-after{margin:0}@media(max-width:640px){.reading-member-label{margin-left:7px;font-size:10px}}.reading-library{--reading-accent:var(--chapter-accent,var(--modern-color));--reading-rgb:var(--chapter-rgb,var(--modern-rgb))}.reading-library-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.reading-mode-tabs{display:inline-flex;gap:4px;padding:5px;border:1px solid #ffffff26;border-radius:13px;background:#111215;max-width:100%}.reading-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 23px;border-radius:9px;font-size:15px;font-weight:550;color:#aaa9b1;transition:background .2s,color .2s,box-shadow .2s}.reading-mode-tabs button[aria-selected=true]{color:#f7f1eb;background:#2b292b;box-shadow:inset 0 0 0 1px rgb(var(--reading-rgb)/.46),0 2px 5px #0004}.reading-mode-tabs button[aria-selected=true] svg{color:var(--reading-accent)}.reading-mode-tabs svg{width:18px;height:18px;flex-shrink:0}.reading-mode-tabs button:disabled{opacity:.65}.reading-mode-tabs button:hover{color:#f7f1eb}.reading-totals{display:flex;align-items:center;gap:18px;color:#aaa9b2;font-size:12px;white-space:nowrap}.reading-totals strong{font-size:20px;font-weight:550;color:#f1eeea;font-variant-numeric:tabular-nums}.reading-totals>span+span{border-left:1px solid #ffffff21;padding-left:18px}.reading-mode-intro{display:flex;align-items:center;gap:12px;color:#bbb7bf;font-size:13px;line-height:1.8;margin:-2px 0 17px;min-height:44px}.reading-mode-intro>svg{width:54px;height:24px;flex-shrink:0;stroke:var(--reading-accent);stroke-width:1.5;fill:#161719}.reading-mode-intro>p{flex:1}.reading-mode-intro>button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#a7a6af}.reading-mode-intro>button:hover{background:#ffffff0a;color:#fff}.reading-mode-intro>button svg{height:16px;width:16px}.reading-mode-intro.is-visible>svg{animation:reading-mode-intro .8s ease-out both}@keyframes reading-mode-intro{0%{transform:translate(-8px);opacity:.25}to{transform:translate(0);opacity:1}}.reading-resume{display:flex;align-items:center;gap:18px;padding:21px 24px;background:linear-gradient(115deg,#262427,#19191c);border:1px solid rgb(var(--reading-rgb)/.28);border-radius:14px;margin:0 0 24px;transition:border-color .2s,background .2s}.resume-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:50px;flex-shrink:0;border:1px solid rgb(var(--reading-rgb)/.22);border-radius:9px;background:#161719;color:var(--reading-accent)}.resume-symbol svg{width:23px;height:23px;stroke-width:1.6}.reading-resume>div{flex:1;min-width:0}.reading-resume p{font-size:12px;color:var(--reading-accent);line-height:1.8}.reading-resume p>span{color:#a9a6af;margin-left:14px}.reading-resume h3{font-size:17px;font-weight:550;line-height:1.65;color:#f2eeeb;margin-top:5px}.reading-resume h3>span{font:13px ui-monospace,monospace;color:#aaa7b0;margin-right:10px}.resume-action{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:8px 15px;border-radius:9px;border:1px solid #ffffff2b;background:#ffffff07;color:#f0e9e3;font-size:13px}.resume-action svg{width:17px;height:17px;color:var(--reading-accent)}.reading-resume:hover{border-color:var(--reading-accent)}.chapter-list-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:12px;line-height:1.8;color:#aaa8b1}.chapter-list-controls>p{display:flex;align-items:center;gap:8px}.chapter-list-controls svg{width:15px;height:15px;flex-shrink:0}.chapter-list-controls>button{flex-shrink:0;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--reading-accent)}.chapter-list-controls>button:hover{background:#ffffff08}.chapter-read-badge{display:flex;align-items:center;gap:5px;color:var(--reading-accent,hsl(var(--primary)));font-size:12px;flex-shrink:0}.chapter-read-badge svg,.lesson-read-check{width:16px;height:16px;color:var(--reading-accent,hsl(var(--primary)));flex-shrink:0}.reading-library-foot{padding:18px 0 4px}.reading-save-status{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:#9b98a3;line-height:1.8}.reading-save-status svg{width:14px;height:14px;flex-shrink:0}.reading-save-status button{min-height:44px;padding:0 7px;text-decoration:underline;text-underline-offset:3px;color:#d7bd97}.path-recommendation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:32px;border:1px solid #ffffff24;border-radius:14px;background:linear-gradient(130deg,#212023,#15161a)}.path-recommendation p{font-size:12px;color:var(--reading-accent);letter-spacing:.08em}.path-recommendation h3{font-size:25px;line-height:1.5;font-weight:600;margin:6px 0;color:#f6efe9}.path-recommendation div>span{font-size:13px;line-height:1.8;color:#b6b1ba}.path-recommendation>a{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:48px;padding:12px 19px;border:1px solid rgb(var(--reading-rgb)/.55);border-radius:10px;background:linear-gradient(180deg,#343136,#262429);box-shadow:inset 0 1px #ffffff12,0 3px #08080a;font-size:14px;font-weight:550;color:#f1e9e3}.path-recommendation>a svg{width:18px;height:18px;color:var(--reading-accent)}.path-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.path-phase{min-width:0}.path-phase-heading{display:flex;align-items:flex-start;gap:10px;position:relative;margin-bottom:18px;min-height:58px;padding-right:5px}.path-phase-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:1px solid #ffffff28;width:29px;height:29px;font:11px ui-monospace,monospace;color:var(--reading-accent);background:#19191d}.path-phase-heading h3{font-size:17px;font-weight:600;line-height:1.5;color:#e9e5e1}.path-phase-heading p{font-size:12px;color:#a6a1ac;line-height:1.8;margin-top:4px}.path-connector{position:absolute;right:-22px;top:8px;width:27px;height:14px;stroke:#9c8e7c80;stroke-width:1.5;fill:none}.path-chapters{display:flex;flex-direction:column;gap:12px}.path-chapter{display:block;min-width:0;border:1px solid #ffffff21;border-radius:13px;padding:17px 18px 15px;position:relative;background:linear-gradient(145deg,#1b1b20,#141518);transition:border-color .2s,background .2s}.path-chapter:hover{border-color:var(--reading-accent);background:linear-gradient(145deg,#242329,#191a1f)}.path-node-top{display:flex;align-items:center;gap:10px;min-width:0}.path-node-top>.chapter-icon{width:34px;height:34px;border-radius:9px}.path-node-top>.chapter-icon svg{width:23px;height:23px}.path-node-top>span:not(.chapter-icon):not(.path-node-state){font:12px ui-monospace,monospace;color:#aaa4ae}.path-node-top .path-node-state{margin-left:auto;display:flex;align-items:center;gap:3px;color:var(--reading-accent);font-size:11px;white-space:nowrap}.path-node-state svg{width:13px;height:13px}.path-node-arrow{width:16px;height:16px;margin-left:auto;color:#9d99a2}.path-chapter h4{font-size:16px;font-weight:550;line-height:1.7;color:#ede8e3;margin-top:12px;min-height:27px}.path-chapter>p{font-size:12px;color:#a09ba6;line-height:1.7;margin-top:5px}.path-node-progress{height:2px;border-radius:4px;background:#ffffff0a;margin-top:12px;overflow:hidden}.path-node-progress>span{display:block;height:100%;background:var(--reading-accent);transition:width .3s}.path-chapter.is-recommended{border-color:rgb(var(--reading-rgb)/.66);box-shadow:inset 0 1px rgb(var(--reading-rgb)/.08)}.path-chapter.is-read{border-color:rgb(var(--reading-rgb)/.31)}.path-chapter.is-read .path-node-state{color:var(--reading-accent,hsl(var(--primary)))}.path-order-note{font-size:12px;line-height:1.9;color:#aaa5af;margin:22px 0 0;padding-left:13px;border-left:2px solid rgb(var(--reading-rgb)/.35)}.learning-path-map.is-guofeng .path-phases{grid-template-columns:1fr}.learning-path-map.is-guofeng .path-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learning-path-map.is-guofeng .path-phase-heading{min-height:0}.reading-library :is(a,button,[role=tabpanel]):focus-visible,.reading-lesson-progress :is(a,button):focus-visible,.reading-recall :is(a,button):focus-visible,.reading-path-link:focus-visible{outline:2px solid var(--reading-accent,hsl(var(--primary)));outline-offset:4px}.reading-recall{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:24px;border:1px solid #ffffff1a;border-radius:12px;background:#ffffff03;font-size:13px;line-height:1.8;color:#afabb5}.reading-recall>svg{height:17px;width:17px;margin-top:4px;flex-shrink:0;color:var(--reading-accent,hsl(var(--primary)))}.reading-recall p{flex:1;min-width:0}.reading-recall a{display:flex;align-items:center;gap:5px;color:#d8c7a7;min-height:34px}.reading-recall a svg{width:14px;height:14px;flex-shrink:0}.reading-recall button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-9px -9px -9px 0;flex-shrink:0}.reading-recall button svg{width:16px;height:16px}.reading-path-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#d3bd99;font-size:13px;line-height:1.7}.reading-path-link svg{height:16px;width:16px;flex-shrink:0}.reading-path-link:hover{color:#f1d9b2}.reading-lesson-progress{--reading-accent:var(--modern-color);--reading-rgb:var(--modern-rgb);margin:44px 0 0;padding:26px;border:1px solid #ffffff20;border-radius:15px;background:linear-gradient(130deg,#1d1c20,#151519)}.reading-lesson-progress.is-guofeng{--reading-accent:var(--guofeng-color);--reading-rgb:var(--guofeng-rgb)}.lesson-progress-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-progress-main .lesson-progress-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--reading-accent);margin:0 0 8px}.lesson-progress-main h2{font-size:19px;line-height:1.6;font-weight:550;color:#efe9e1;margin:0}.lesson-progress-main p{font-size:12px;line-height:1.7;color:#a4a0ab;margin-top:6px}.lesson-mark-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;flex-shrink:0;padding:12px 17px;border-radius:9px;border:1px solid rgb(var(--reading-rgb)/.5);background:#323035;color:#f0e9e3;font-size:14px;font-weight:550;box-shadow:inset 0 1px #ffffff10,0 3px #0b0b0d}.lesson-mark-button svg{width:18px;height:18px;color:var(--reading-accent)}.lesson-mark-button.is-read{border-color:rgb(var(--reading-rgb)/.27);background:rgb(var(--reading-rgb)/.05);color:var(--reading-accent,hsl(var(--primary)))}.lesson-mark-button.is-read>span{font-size:11px;color:#b8b0a5;margin-left:5px}.lesson-mark-button:disabled{opacity:.6}.lesson-reading-bar{height:3px;border-radius:4px;overflow:hidden;background:#ffffff0b;margin:22px 0 10px}.lesson-reading-bar>span{height:100%;display:block;background:var(--reading-accent);transition:width .3s}.lesson-progress-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.lesson-progress-actions>button{font-size:12px;color:#aaa5b0;min-height:44px;margin-left:auto;text-decoration:underline;text-underline-offset:4px}.lesson-quiz-link{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #ffffff20;border-radius:8px;padding:8px 12px;font-size:13px;color:#e6d7bd}.lesson-quiz-link svg{height:15px;width:15px}.lesson-next-reading{margin:4px 0 18px;border-top:1px solid #ffffff12;padding-top:12px}.lesson-next-chapter{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;color:#e0d3bc}.lesson-next-chapter>span{font-size:12px;color:#a9a2af;line-height:1.8}.lesson-next-chapter strong{display:block;font-size:17px;font-weight:550;color:#ede6dc}.lesson-next-chapter>svg{height:20px;width:20px;flex-shrink:0}.lesson-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:12px;line-height:1.7;color:#afa9b5}.lesson-related svg{height:14px;width:14px;flex-shrink:0}@media(max-width:1050px)and (min-width:701px){.path-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.path-connector{display:none}.path-phase-heading{margin-bottom:14px}.path-chapter{padding:16px 19px}.reading-resume p>span{display:block;margin-left:0}.reading-totals{gap:10px}.reading-totals>span+span{padding-left:10px}}@media(max-width:700px){.reading-library-head{align-items:stretch;flex-direction:column;gap:11px;margin-bottom:12px}.reading-mode-tabs{display:flex}.reading-mode-tabs button{flex:1;padding:10px 13px;font-size:14px}.reading-totals{justify-content:space-between;padding:0 2px;font-size:12px}.reading-totals>span+span{border-left:0;padding:0}.reading-totals strong{font-size:17px}.reading-mode-intro{font-size:12px;gap:8px;align-items:flex-start}.reading-mode-intro>svg{display:none}.reading-mode-intro>p{padding-top:8px}.reading-resume{padding:17px;gap:13px;flex-wrap:wrap;margin-bottom:18px}.resume-symbol{width:33px;height:42px}.resume-symbol svg{width:19px}.reading-resume p>span{display:block;margin:2px 0 0;font-size:11px}.reading-resume h3{font-size:15px}.resume-action{width:100%;justify-content:center;margin-top:0}.path-recommendation{padding:20px;gap:17px;align-items:stretch;flex-direction:column;margin-bottom:27px}.path-recommendation h3{font-size:23px}.path-recommendation div>span{font-size:12px}.path-recommendation>a{align-self:flex-start;font-size:13px}.path-phases{grid-template-columns:1fr;gap:28px}.path-phase{padding-left:19px;border-left:1px solid #ffffff1c;margin-left:13px}.path-phase-heading{margin-left:-34px;margin-bottom:16px;min-height:0;gap:13px}.path-phase-heading>div{padding-top:1px}.path-phase-number{width:28px;height:28px;background:#151519}.path-phase-heading h3{font-size:17px}.path-phase-heading p{font-size:12px}.path-connector{display:none}.path-chapter{padding:15px 17px}.path-chapter h4{margin-top:9px;font-size:16px}.path-node-top>.chapter-icon{width:30px;height:30px}.path-node-top>.chapter-icon svg{width:21px;height:21px}.path-chapters{gap:10px}.path-order-note{font-size:12px;margin-top:23px}.learning-path-map.is-guofeng .path-phase{border:0;padding:0;margin:0}.learning-path-map.is-guofeng .path-phase-heading{margin:0 0 16px}.learning-path-map.is-guofeng .path-chapters{grid-template-columns:1fr;gap:12px}.reading-lesson-progress{padding:20px 18px;margin-top:35px}.lesson-progress-main{align-items:stretch;flex-direction:column;gap:17px}.lesson-progress-main h2{font-size:18px}.lesson-mark-button{width:100%}.lesson-progress-actions{gap:4px 12px}.lesson-progress-actions>button{margin-left:0}.lesson-quiz-link{width:100%;justify-content:center;margin-top:6px}.reading-recall{padding:14px;gap:9px;font-size:12px}.reading-recall>svg{display:none}}@media(prefers-reduced-motion:reduce){.reading-library *,.reading-lesson-progress *{animation:none!important;transition:none!important}}@media print{.reading-lesson-progress,.reading-recall,.reading-path-link{display:none!important}}