:root{--ink:#101114;--paper:#f1eee7;--muted:#8b8b84;--line:#2a2b2e;--gold:#eeb663}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:var(--ink);color:var(--paper);font-family:"Noto Serif SC",Songti SC,Georgia,serif}button,input,textarea{font:inherit}button{cursor:pointer}.signin{color:#151515;background:var(--gold);display:inline-block;padding:17px 28px;text-decoration:none;font-weight:700}.nav{height:88px;max-width:1240px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--paper);text-decoration:none;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.brand span{display:grid;place-items:center;width:34px;height:34px;color:#161616;background:var(--gold);border-radius:50%}.brand .brand-avatar{overflow:hidden;border:2px solid var(--gold);background:#1a1a1a}.brand-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:78% 67%;transform:scale(1.32)}.nav-actions{display:flex;gap:26px}.nav-link{color:#777872;background:none;border:0;padding:10px 0;font-size:14px;letter-spacing:.08em}.nav-link.active{color:var(--paper);border-bottom:1px solid var(--gold)}.nav-signin{border:0;border-radius:999px;padding:11px 20px;font-size:13px}.hero{max-width:1160px;margin:auto;padding:112px 28px 80px;text-align:center}.eyebrow{color:var(--gold);font:600 12px/1.2 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;display:flex;gap:10px;align-items:center;justify-content:center}.eyebrow i{width:28px;height:1px;background:var(--gold)}h1{margin:28px 0 22px;font-size:clamp(52px,7.5vw,100px);line-height:1.05;letter-spacing:-.04em;font-weight:500}h1 em{font-weight:400;color:var(--gold)}.lead{color:#a3a39c;font-size:18px;line-height:1.8;max-width:600px;margin:0 auto 48px}.lead strong{color:var(--paper);font-weight:600}.activate-card,.upload-card,.player-card{background:#18191c;border:1px solid #333438;border-radius:3px;box-shadow:0 28px 80px #0007}.activate-card{max-width:700px;margin:0 auto;padding:28px;text-align:left}.activate-card label,.upload-card label{display:block;color:#b2b1aa;font:500 12px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.code-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin:12px 0}input,textarea{width:100%;color:#f6f0e6;background:#101114;border:1px solid #36373a;border-radius:2px;padding:16px 18px;outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #eeb66316}.code-row input{font:500 18px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.code-row button,.primary{color:#171719;background:var(--gold);border:0;border-radius:2px;padding:0 25px;font-weight:700}button:disabled{opacity:.55;cursor:wait}.activate-card small,.upload-card small{color:#6f706c;font:12px/1.5 Arial,sans-serif}.form-message{color:#e88978;font:13px Arial,sans-serif;margin:14px 0 0}.login-hero{max-width:1120px;display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:left;padding-top:16px}.login-copy{position:relative;min-height:0;border:0;background:transparent}.login-copy:after{display:none}.hero-copy{position:relative;z-index:2;padding:12px 4px 16px}.login-copy .eyebrow{justify-content:flex-start}.login-copy h1{margin-bottom:0;font-size:clamp(48px,6.2vw,78px);text-shadow:0 3px 26px #000}.login-copy .eyebrow.hero-slogan{width:max-content;max-width:100%;color:var(--gold);font:700 38px/1.35 STKaiti,KaiTi,"Noto Serif SC",serif;letter-spacing:.15em;text-shadow:0 2px 18px #000,0 0 24px #d68f3b55}.hero-slogan i{width:64px;height:2px;box-shadow:0 0 14px #eeb66399}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:16px 24px;border:1px solid #9d702f;border-radius:999px;color:#e8e3da;font:500 15px/1.5 Arial,sans-serif}.service-strip span{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;text-align:center}.service-strip span+span{border-left:1px solid #705d40}.service-strip b{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.advantages-block{margin-top:12px}.advantages-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 20px;color:var(--gold);text-align:center}.advantages-title h2{margin:0;font-size:28px;font-weight:500}.advantages-title i{width:72px;height:4px;background:radial-gradient(circle,var(--gold) 0 2px,transparent 3px) 0 0/18px 4px}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.advantage-card{position:relative;min-height:300px;padding:26px 22px 24px;overflow:hidden;border:1px solid #34363b;border-radius:18px;background:linear-gradient(145deg,#1b1c1f,#141517)}.advantage-card b{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ae7419,#654006);font:700 16px Arial,sans-serif}.advantage-icon{display:block;width:76px;height:76px;margin:20px auto 16px;color:var(--gold);stroke-width:1.55;filter:drop-shadow(0 5px 14px #d18b2755)}.advantage-card h3{margin:0 0 12px;color:#f2eee7;font-size:22px;text-align:center}.advantage-card p{margin:0;color:#9b9a94;font-size:14px;line-height:1.8}.login-promises{order:3}.learning-steps{order:4;display:block;max-width:none;margin:4px 0 0;padding:28px;border:1px solid #4b4438;border-radius:18px;background:linear-gradient(145deg,#1b1c1f,#121315)}.steps-heading{text-align:center}.steps-heading small{color:var(--gold);font:700 10px Arial,sans-serif;letter-spacing:.28em}.steps-heading h2{margin:8px 0 6px;font-size:28px;font-weight:500}.steps-heading>p{margin:0 0 24px;color:#888983;font:13px/1.7 Arial,sans-serif}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps-grid article{position:relative;min-height:190px;padding:24px 18px 18px;border:1px solid #34363a;border-radius:14px;background:#111215}.steps-grid article>svg{width:38px;height:38px;margin:10px 0 18px;color:var(--gold);stroke-width:1.6}.step-number{position:absolute;right:15px;top:13px;color:#5f5a50;font:700 12px Arial,sans-serif;letter-spacing:.1em}.steps-grid h3{margin:0 0 9px;font-size:16px}.steps-grid p{margin:0;color:#888983;font:12px/1.7 Arial,sans-serif}.login-modal{position:fixed;z-index:100;inset:0;width:100%;max-width:100vw;display:grid;place-items:center;padding:20px;overflow:hidden;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal .phone-login{position:relative;width:min(calc(100vw - 40px),560px);min-width:0;max-height:calc(100dvh - 40px);margin:0;overflow-x:hidden;overflow-y:auto}.login-modal .phone-login>*{min-width:0}.modal-close{position:absolute;z-index:2;right:16px;top:15px;display:grid;place-items:center;width:36px;height:36px;padding:0;color:#aaa;background:#242529;border:1px solid #3a3b3f;border-radius:50%}.modal-close svg{width:18px;height:18px}.phone-login{background:#18191c;border:1px solid #333438;border-radius:3px;padding:34px;box-shadow:0 28px 80px #0008}.phone-login label{display:block;color:#b2b1aa;font:500 12px/1.2 Arial,sans-serif;letter-spacing:.1em;margin-top:20px}.phone-login label input{margin-top:10px;letter-spacing:0;text-transform:none}.phone-field{display:grid;grid-template-columns:auto 1fr;align-items:center;margin-top:10px;background:#101114;border:1px solid #36373a}.phone-field span{padding:0 15px;color:#999;font:14px Arial,sans-serif;border-right:1px solid #36373a}.phone-field input{margin:0!important;border:0}.sms-row{display:grid;grid-template-columns:1fr auto;gap:10px}.sms-row button{margin-top:10px;padding:0 16px;color:var(--gold);background:#25231f;border:1px solid #5e4b2d}.login-note{color:#666;font:12px/1.6 Arial,sans-serif;text-align:center;margin:16px 0 0}.learner{text-align:left}.welcome{display:flex;justify-content:space-between;gap:40px;align-items:end}.welcome .eyebrow{justify-content:flex-start}.welcome h1{font-size:clamp(44px,6vw,76px);margin-bottom:0}.account-chip{border-left:1px solid #3b3b3b;padding:10px 0 10px 22px;display:grid;gap:6px;font-family:Arial,sans-serif}.account-chip small{color:#777}.account-chip span{color:#ccc}.back-link{color:#aaa;background:none;border:0;margin-top:32px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.course-tile,.empty-course,.manage-card{color:var(--paper);background:#18191c;border:1px solid #333438;padding:28px;text-align:left}.course-tile small{color:var(--gold)}.course-tile h2{font-size:25px}.course-tile p{color:#92928c;line-height:1.6}.course-tile>span{color:var(--gold);font-size:13px}.progress{height:4px;background:#313236;margin:25px 0 18px}.progress i{display:block;height:100%;background:var(--gold)}.empty-course{color:#999;text-align:center;line-height:2;grid-column:1/-1}.empty-course small{color:#666}.admin-stack{display:grid;gap:22px}.manage-card{padding:28px}.code-generator{display:grid;grid-template-columns:1fr auto;gap:10px}.code-generator select{color:#eee;background:#101114;border:1px solid #36373a;padding:14px}.code-generator button,.revoke,.restore{color:#171719;background:var(--gold);border:0;padding:0 18px;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font:13px Arial,sans-serif}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #303136}th{color:#777;font-weight:500}td small{display:block;color:#777;margin-top:5px}.revoke{color:#e8a89b;background:transparent;border:1px solid #75443b;padding:8px 10px}.restore{color:#b8d4b2;background:transparent;border:1px solid #496348;padding:8px 10px}.student-phone{color:#a5a6a1;white-space:nowrap}.student-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.delete-student{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;color:#e89a8d;background:#211817;border:1px solid #713f38;border-radius:2px;font-weight:700}.delete-student svg{width:14px;height:14px}.promise-grid{margin-top:100px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:52px;text-align:left}.promise-grid b{color:var(--gold);font:12px Arial,sans-serif}.promise-grid h3{font-size:21px;margin:18px 0 10px}.promise-grid p{color:#7e7e78;line-height:1.7;margin:0;font-size:14px}.player-card{max-width:900px;margin:48px auto 0;overflow:visible;text-align:left}.player-card video{display:block;width:100%;aspect-ratio:16/9;background:#050505}.sticky-player{position:sticky;z-index:12;top:0;overflow:hidden;background:#111215;border:1px solid #333438;border-radius:10px;box-shadow:0 12px 34px #0009}.video-shell{position:relative;overflow:hidden;background:#050505;-webkit-user-select:none;user-select:none}.video-watermark{position:absolute;z-index:2;max-width:48%;color:#ffffffe0;pointer-events:none;font:600 clamp(11px,1.5vw,15px)/1.35 Arial,sans-serif;letter-spacing:.06em;text-shadow:0 1px 5px #000;transition:top .55s ease,right .55s ease,bottom .55s ease,left .55s ease}.video-watermark.corner-0{top:6%;left:4%}.video-watermark.corner-1{top:6%;right:4%;text-align:right}.video-watermark.corner-2{right:4%;bottom:13%;text-align:right}.video-watermark.corner-3{bottom:13%;left:4%}.video-watermark small{display:block;margin-top:3px;font-size:.7em;opacity:.72}.copyright-strip{position:absolute;z-index:2;left:0;right:0;bottom:48px;text-align:center;color:#ffffff80;font:11px Arial,sans-serif;pointer-events:none;letter-spacing:.08em}.player-top{padding:15px 20px;display:flex;justify-content:space-between;font:12px Arial,sans-serif;color:#8ea989}.player-top button{background:none;border:0;color:#999}.course-copy{padding:28px 32px 34px;border:1px solid #333438;border-top:0;background:#18191c}.course-copy small{color:var(--gold);letter-spacing:.14em}.course-copy h2{font-size:30px;margin:12px 0}.course-copy p{color:#96968f;line-height:1.7}.custom-video{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.custom-video video{cursor:pointer}.video-center-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;padding:0;transform:translate(-50%,-58%);color:#fff;background:#0009;border:1px solid #ffffff55;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-center-play svg{width:34px;height:34px}.custom-video-controls{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:38px auto minmax(80px,1fr) 38px;align-items:center;gap:8px;padding:8px 10px;color:#eee;background:linear-gradient(transparent,#000e);font:11px Arial,sans-serif}.custom-video-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:#fff;background:#17181bbd;border:1px solid #ffffff30;border-radius:7px}.custom-video-controls button svg{width:18px;height:18px}.custom-video-controls span{white-space:nowrap}.custom-video-controls input{width:100%;height:24px;margin:0;padding:0;accent-color:var(--gold);background:transparent;border:0;box-shadow:none}.custom-video:fullscreen,.custom-video.pseudo-fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;background:#000}.custom-video:fullscreen video,.custom-video.pseudo-fullscreen video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.custom-video:fullscreen .video-watermark,.custom-video.pseudo-fullscreen .video-watermark{font-size:clamp(12px,2.2vw,18px)}.custom-video:fullscreen .copyright-strip,.custom-video.pseudo-fullscreen .copyright-strip{bottom:62px}.custom-video:fullscreen .video-watermark.corner-2,.custom-video:fullscreen .video-watermark.corner-3,.custom-video.pseudo-fullscreen .video-watermark.corner-2,.custom-video.pseudo-fullscreen .video-watermark.corner-3{bottom:16%}.custom-video.pseudo-fullscreen{position:fixed;z-index:9999;inset:0}.player-fullscreen-open{overflow:hidden}.gesture-feedback{position:absolute;z-index:7;left:50%;top:38%;padding:10px 16px;transform:translate(-50%,-50%);color:#fff;background:#000b;border:1px solid #ffffff45;border-radius:999px;font:600 14px/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gesture-feedback.speeding{color:#16120b;background:var(--gold);border-color:var(--gold)}.studio{max-width:1160px;min-height:760px;margin:auto;padding:90px 28px;display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:start}.studio .eyebrow{justify-content:flex-start}.studio h1{font-size:clamp(48px,6vw,78px)}.studio-intro>p{color:#8f8f88;max-width:430px;line-height:1.8}.upload-card{padding:34px}.card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}.card-head span{font-size:24px}.upload-card label{margin-top:20px}.upload-card input,.upload-card textarea{margin-top:10px;text-transform:none;letter-spacing:0}.file-box{border:1px dashed #4b4b4b;padding:24px;text-align:center;cursor:pointer}.file-box input{border:0;background:transparent;padding:5px;color:#aaa}.file-box span,.file-box small{display:block;margin-top:8px}.primary{width:100%;height:54px;margin-top:24px}.success{margin-top:22px;padding:22px;background:#242218;border:1px solid #5d4b28;text-align:center}.success strong{display:block;color:var(--gold);font:700 28px Arial,sans-serif;letter-spacing:.16em;margin:12px}.success button{color:#d8d3c7;background:none;border:0;text-decoration:underline}.admin-workspace{display:grid;gap:20px;min-width:0}.admin-main{display:grid;align-content:start;gap:20px;min-width:0}.admin-sidebar-brand,.admin-sidebar-note{display:none}.admin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid #34353a;border-radius:14px;background:#151619}.admin-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;color:#8e8f8a;background:transparent;border:0;border-radius:10px;font-weight:700}.admin-tabs button>span{display:grid;gap:2px}.admin-tabs button small{display:none}.admin-tabs button.active{color:#171719;background:var(--gold)}.admin-tabs svg{width:19px}.notice{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#e7c48e;background:#262116;border:1px solid #5f4a2b;border-radius:10px;font:13px/1.6 Arial,sans-serif}.notice svg{width:19px;flex:0 0 19px}.success-notice{color:#b9dbb3;background:#182219;border-color:#405b3f}.create-course-card{box-shadow:none;border-radius:14px}.primary{display:flex;align-items:center;justify-content:center;gap:9px}.primary svg{width:18px}.course-manager{display:grid;gap:16px}.manager-heading{display:flex;align-items:end;justify-content:space-between;padding:8px 2px}.manager-heading small{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.22em}.manager-heading h2{margin:6px 0 0;font-size:30px}.manager-heading>span{color:#777;font:12px Arial,sans-serif}.course-table-head{display:none}.admin-course-list{display:grid;gap:14px}.admin-course{overflow:hidden;border:1px solid #35363a;border-radius:14px;background:#18191c}.course-summary{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;color:var(--paper);background:transparent;border:0;text-align:left}.course-icon{display:grid;place-items:center;width:54px;height:54px;color:var(--gold);background:#2a241a;border:1px solid #5a482a;border-radius:14px}.course-icon svg{width:27px}.course-summary small{color:#9a7a48;font:11px Arial,sans-serif}.course-summary h3{margin:6px 0 5px;font-size:21px}.course-summary p{margin:0;color:#868781;font:12px/1.6 Arial,sans-serif}.course-summary>b{color:var(--gold);font:12px Arial,sans-serif}.course-metric,.course-status{display:none}.course-detail{padding:0 22px 22px;border-top:1px solid #303136}.course-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.course-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;color:#e1d9ca;background:#222327;border:1px solid #414247;border-radius:8px;font-weight:700}.course-actions button:first-child{color:#171719;background:var(--gold);border-color:var(--gold)}.course-actions svg{width:18px}.course-data-columns{display:grid;gap:20px}.chapter-upload{padding:18px;margin-bottom:18px;border:1px solid #51452f;border-radius:12px;background:#1c1a17}.chapter-form-title{display:flex;align-items:center;gap:12px;color:var(--gold)}.chapter-form-title>svg{width:28px}.chapter-form-title span{display:grid;gap:3px}.chapter-form-title small{color:#777;font:11px Arial,sans-serif}.chapter-upload label{display:block;margin-top:15px;color:#aaa;font:600 11px Arial,sans-serif}.chapter-upload input,.chapter-upload textarea{margin-top:8px}.chapter-upload .file-box{display:grid;justify-items:center;padding:16px}.chapter-upload .file-box>svg{width:27px;color:var(--gold)}.subheading{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}.subheading span{font-size:17px;font-weight:700}.subheading small{color:#777;font:11px Arial,sans-serif}.chapter-list,.activation-list{padding-top:14px;border-top:1px solid #2e2f33}.chapter-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:15px 0;border-bottom:1px solid #2c2d31}.chapter-row>b{display:grid;place-items:center;width:38px;height:38px;color:var(--gold);background:#28231b;border-radius:50%;font:700 12px Arial,sans-serif}.chapter-row strong{font-size:15px}.chapter-row p{margin:5px 0;color:#858680;font:12px/1.6 Arial,sans-serif}.chapter-row small{display:flex;align-items:center;gap:5px;color:#719070;font:11px Arial,sans-serif;overflow-wrap:anywhere}.chapter-row small svg{width:13px}.empty-chapters{padding:25px;text-align:center;color:#777;border:1px dashed #3c3d41;border-radius:10px}.empty-chapters svg{width:32px}.empty-chapters p{margin:8px 0 2px;color:#aaa}.empty-chapters small{font:11px Arial,sans-serif}.activation-list{margin-top:20px}.activation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #2b2c30;font:11px Arial,sans-serif}.activation-row code,.student-manager code{color:#f2c57e;font:700 12px/1.5 Consolas,monospace}.activation-row>span{color:#797a76}.activation-row .bound{display:flex;align-items:center;gap:4px;color:#8eb08a}.activation-row svg{width:13px}.muted-line{color:#777;font:12px Arial,sans-serif}.code-success{margin:0 0 18px;border-radius:10px}.code-success button{display:inline-flex;align-items:center;gap:5px}.code-success button svg{width:14px}.student-manager{border-radius:14px}.section-help{margin:-10px 0 20px;color:#858680;font:12px/1.7 Arial,sans-serif}.course-learning-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start;margin-top:32px}.chapter-menu{padding:20px;background:#18191c;border:1px solid #333438;border-radius:10px}.chapter-menu>small{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.18em}.chapter-menu>h2{margin:8px 0 18px;font-size:20px}.chapter-menu>button{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px 8px;color:#999;background:transparent;border:0;border-top:1px solid #2d2e32;text-align:left}.chapter-menu>button.active{color:#f0ede5;background:#22231f}.chapter-menu>button>b{color:var(--gold);font:11px Arial,sans-serif}.chapter-menu>button span{font-size:13px;line-height:1.5}.chapter-menu>button small{display:block;color:#6f706c;font:10px Arial,sans-serif;margin-top:3px}.course-learning-layout .player-card{margin:0;width:100%}.course-learning-layout{grid-template-columns:minmax(0,900px);justify-content:center;gap:18px}.course-learning-layout .player-card{background:transparent;border:0;box-shadow:none}.chapter-menu>button{grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:16px 12px}.course-actions .delete-course{grid-column:1/-1;min-height:40px;color:#da9184;background:#211817;border-color:#673b35}.activation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px}.activation-heading>div{display:grid;gap:5px}.activation-heading span{font-size:17px;font-weight:700}.activation-heading small{color:#777;font:11px Arial,sans-serif}.activation-heading>button,.activation-status>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#e5d7bf;background:#25231f;border:1px solid #665233;border-radius:7px;font-weight:700}.activation-heading>button{min-height:40px;padding:0 14px}.activation-heading svg,.activation-status button svg{width:15px}.activation-status{display:flex;align-items:center;justify-content:flex-end;gap:18px}.activation-status>button{min-height:34px;padding:0 11px;font-size:11px}.copy-feedback{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:9px 11px;color:#a9d1a5;background:#182219;border:1px solid #405b3f;border-radius:7px;font:11px Arial,sans-serif}.copy-feedback svg{width:15px}.student-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:18px}.student-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;background:#101114;border:1px solid #3a3b3f;border-radius:9px}.student-search svg{width:19px;margin-left:14px;color:#8a8b85}.student-search input{min-width:0;border:0;background:transparent;padding:14px 12px;box-shadow:none}.add-student-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#171719;background:var(--gold);border:0;border-radius:9px;font-weight:700}.add-student-button svg{width:18px}.add-student-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px;margin-bottom:20px;border:1px solid #59492e;border-radius:12px;background:#1c1a17}.add-student-form>div{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:var(--gold)}.add-student-form>div>svg{width:28px}.add-student-form>div>span{display:grid;gap:4px}.add-student-form>div small{color:#858680;font:11px/1.5 Arial,sans-serif}.add-student-form label{display:grid;gap:8px;color:#aaa;font:600 11px Arial,sans-serif}.add-student-form label:first-of-type,.add-student-form .primary{grid-column:1/-1}.add-student-form select{width:100%;padding:14px 15px;color:#eee;background:#101114;border:1px solid #36373a;border-radius:2px}.add-student-form input{padding:14px}.add-student-form .primary{margin-top:2px}.student-empty-search{padding:34px 16px;text-align:center;color:#777;border:1px dashed #3b3c40;border-radius:10px}.student-empty-search svg{width:30px}.student-empty-search p{margin:9px 0 4px;color:#aaa}.student-empty-search small{font:11px Arial,sans-serif}.admin-create-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;color:#171719;background:var(--gold);border:0;border-radius:10px;font-weight:700}.admin-create-button svg{width:18px}.admin-create-button span{display:grid;gap:2px}.admin-create-button small{display:none}.create-course-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;background:#000b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.create-course-modal .create-course-card{position:relative;display:block;width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;background:#18191c;border:1px solid #414247}.create-course-modal .modal-close{position:absolute;z-index:2;right:18px;top:18px;display:grid;place-items:center;width:38px;height:38px;color:#bbb;background:#242529;border:1px solid #414247;border-radius:50%}.create-course-modal .modal-close svg{width:19px}.course-dock{position:sticky;z-index:7;top:78px;display:grid;gap:12px;padding:10px 0 0;background:#0e0f12}.course-switcher{display:flex;gap:9px;max-width:100%;padding:2px 2px 8px;overflow-x:auto;scrollbar-width:thin}.course-switcher button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;min-width:220px;padding:11px 13px;color:#969791;background:#17181b;border:1px solid #34353a;border-radius:10px;text-align:left}.course-switcher button>b{display:grid;place-items:center;width:30px;height:30px;color:#b89050;background:#27231c;border-radius:8px;font:700 11px Arial,sans-serif}.course-switcher button>span{display:grid;gap:4px;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-switcher button small{color:#6f706c;font:10px Arial,sans-serif}.course-switcher button.active{color:#171719;background:var(--gold);border-color:var(--gold);box-shadow:0 8px 22px #0004}.course-switcher button.active>b{color:#f3d39d;background:#302516}.course-switcher button.active small{color:#4c3c24}.course-module{min-width:0;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #3b3d42!important;border-radius:14px;background:#131519}.course-module.chapter-list{box-shadow:inset 0 3px #5f8fa1}.course-module.activation-list{box-shadow:inset 0 3px #c58a35}.module-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px 18px 16px;border-bottom:1px solid #303238;background:linear-gradient(135deg,#1e2227,#17191d)}.module-heading.activation-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;margin:0}.module-icon{display:grid;place-items:center;width:42px;height:42px;color:#9fc4d1;background:#1b2a31;border:1px solid #36515c;border-radius:10px}.activation-list .module-icon{color:var(--gold);background:#2b2419;border-color:#5c492c}.module-icon svg{width:22px;height:22px}.module-heading>div{display:grid;gap:3px}.module-heading small{color:#708891;font:700 9px Arial,sans-serif;letter-spacing:.18em}.activation-list .module-heading small{color:#9c7b4b}.module-heading h3{margin:0;color:#f1eee6;font-size:18px}.module-heading p{margin:0;color:#777a78;font:11px/1.5 Arial,sans-serif}.module-heading>b{padding:6px 9px;color:#a9bdc4;background:#202a2e;border-radius:999px;font:700 11px Arial,sans-serif;white-space:nowrap}.activation-list .module-heading>b{color:#e7be7c;background:#2a241b}.chapter-entry{padding:0 16px}.chapter-entry+.chapter-entry{border-top:1px solid #2e3035}.chapter-entry .chapter-row{grid-template-columns:42px minmax(0,1fr) auto;border:0}.edit-chapter-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;color:#b7cdd4;background:#1b262b;border:1px solid #38505a;border-radius:7px;font:700 11px Arial,sans-serif;white-space:nowrap}.edit-chapter-button svg{width:14px;height:14px}.chapter-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 18px;padding:17px;background:#191d20;border:1px solid #3b5159;border-radius:10px}.chapter-edit-form .chapter-form-title{grid-column:1/-1}.chapter-edit-form label{display:grid;gap:7px;color:#a7abad;font:600 11px Arial,sans-serif}.chapter-edit-form input,.chapter-edit-form textarea{margin:0}.chapter-edit-form label:nth-of-type(2),.chapter-edit-form .optional-video,.chapter-edit-form .edit-form-actions{grid-column:1/-1}.chapter-edit-form .optional-video{display:grid;justify-items:center;padding:14px}.chapter-edit-form .optional-video>svg{width:24px;color:#9fc4d1}.edit-form-actions{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}.edit-form-actions>button{min-height:46px;color:#aaa;background:#202226;border:1px solid #3a3c41;border-radius:7px}.edit-form-actions .primary{height:46px;margin:0}.activation-list .module-heading>button{min-height:40px;padding:0 13px}.activation-summary{margin:0;padding:11px 18px;color:#777a76;background:#17191c;border-bottom:1px solid #2d2f34;font:11px Arial,sans-serif}.activation-summary b{color:#e5bd7c}.activation-list>.copy-feedback{margin:12px 16px 0}.activation-list>.activation-row,.activation-list>.muted-line{margin-left:16px;margin-right:16px}.upload-progress{grid-column:1/-1;display:grid;gap:9px;padding:14px 15px;margin-top:14px;color:#c7dce3;background:#142127;border:1px solid #365560;border-radius:10px}.upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 12px/1.5 Arial,sans-serif}.upload-progress-head b{color:#a9d6e5;font-size:16px}.upload-progress-track{height:10px;overflow:hidden;background:#090d0f;border:1px solid #2e454e;border-radius:999px}.upload-progress-track i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#6aa7bb,#b8deea);border-radius:inherit;transition:width .18s ease}.upload-progress small{color:#78949d;font:10px Arial,sans-serif}.upload-progress.processing{color:#ead2a8;background:#272116;border-color:#65502e}.upload-progress.processing .upload-progress-head b{color:var(--gold)}.upload-progress.processing .upload-progress-track{border-color:#5e4a2b}.upload-progress.processing .upload-progress-track i{background:linear-gradient(90deg,#b47a2b,var(--gold));animation:upload-processing 1.1s ease-in-out infinite}.upload-progress.processing small{color:#9d8258}@keyframes upload-processing{50%{filter:brightness(1.25)}}footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:38px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#666761;font-size:12px}footer span{color:#bcb9b0;letter-spacing:.2em}footer p{text-align:center}footer small{text-align:right}@media(min-width:761px){.studio.admin-page{display:block;width:100%;max-width:none;padding:44px clamp(28px,4vw,72px) 80px}.admin-page .studio-intro{display:none}.admin-page>div:last-child,.admin-page .admin-workspace{width:100%;max-width:none}.admin-page .admin-workspace{grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}.admin-sidebar{position:sticky;top:92px;display:grid;align-content:start;gap:24px;min-height:calc(100vh - 132px);padding:22px 16px;background:#151619;border:1px solid #303136;border-radius:16px}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 5px 20px;border-bottom:1px solid #303136}.admin-sidebar-brand .brand-avatar{width:42px;height:42px;flex:0 0 42px}.admin-sidebar-brand>span:last-child{display:grid;gap:4px}.admin-sidebar-brand b{font-size:15px}.admin-sidebar-brand small{color:#777;font:10px Arial,sans-serif}.admin-page .admin-tabs{grid-template-columns:1fr;padding:0;border:0;background:transparent}.admin-page .admin-tabs button{justify-content:flex-start;min-height:64px;padding:0 15px;text-align:left}.admin-page .admin-tabs button small{display:block;color:inherit;font:10px Arial,sans-serif;opacity:.62}.admin-page .admin-tabs button.active{box-shadow:0 8px 24px #0003}.admin-page .admin-create-button{justify-content:flex-start;min-height:58px;padding:0 16px}.admin-page .admin-create-button small{display:block;color:#5d4726;font:10px Arial,sans-serif}.course-dock{top:82px}.admin-sidebar-note{display:grid;gap:7px;margin-top:auto;padding:16px;color:#969791;background:#101114;border:1px solid #2d2e31;border-radius:11px}.admin-sidebar-note small{font:10px Arial,sans-serif}.admin-sidebar-note b{color:var(--gold);font-size:18px}.admin-sidebar-note span{font:11px Arial,sans-serif}.admin-page .create-course-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr);gap:18px;align-items:end}.admin-page .create-course-card .card-head{grid-column:1/-1}.admin-page .create-course-card label{margin-top:0}.admin-page .create-course-card .primary{grid-column:1/-1;width:100%;margin-top:0;padding:0 28px}.admin-page .create-course-modal .create-course-card{display:block;width:min(620px,calc(100vw - 50px));padding:30px}.admin-page .create-course-modal .create-course-card label{display:block;margin-top:18px}.admin-page .create-course-modal .create-course-card .primary{width:100%;margin-top:22px}.course-manager,.admin-course-list,.admin-course,.course-summary,.course-data-columns,.chapter-list,.activation-list{min-width:0}.course-table-head{display:grid;grid-template-columns:42px minmax(0,1fr) 46px 46px 72px 44px;gap:8px;padding:0 12px 10px;color:#747570;border-bottom:1px solid #303136;font:10px Arial,sans-serif}.course-table-head span:first-child{grid-column:1/3}.course-table-head span:last-child{text-align:right}.admin-course-list{gap:10px}.admin-course{border-radius:9px}.course-summary{grid-template-columns:42px minmax(0,1fr) 46px 46px 72px 44px;gap:8px;padding:16px 12px}.course-icon{width:40px;height:40px;border-radius:10px}.course-icon svg{width:20px}.course-info{min-width:0}.course-summary h3{font-size:16px}.course-summary p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-metric{display:grid;gap:4px}.course-metric small{color:#777}.course-metric strong{font:700 17px Arial,sans-serif}.course-status{display:flex;align-items:center;gap:6px;color:#8eb08a;font:10px Arial,sans-serif;white-space:nowrap}.course-status i{width:6px;height:6px;background:#6ea66a;border-radius:50%;box-shadow:0 0 0 3px #6ea66a18}.course-summary>b{text-align:right}.course-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.course-actions .delete-course{grid-column:auto}.course-data-columns{grid-template-columns:minmax(0,1fr);gap:24px}.course-data-columns .activation-list{margin-top:0;max-height:540px;padding-right:8px;overflow:auto}}@media(min-width:1200px){.admin-page .create-course-card{grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr) auto}.admin-page .create-course-card .primary{grid-column:auto;width:auto;min-width:160px}.course-data-columns{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:32px}}@media(max-width:760px){.course-data-columns{gap:16px}.module-heading,.module-heading.activation-heading{grid-template-columns:auto minmax(0,1fr);padding:15px 13px;gap:10px}.module-heading>b{grid-column:2;justify-self:start}.module-heading.activation-heading>button{grid-column:1/-1;width:100%}.module-heading h3{font-size:16px}.module-heading p{font-size:10px}.module-icon{width:36px;height:36px}.chapter-entry{padding:0 12px}.chapter-entry .chapter-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.chapter-entry .chapter-row>.edit-chapter-button{grid-column:2;width:100%;margin-top:2px}.chapter-edit-form{grid-template-columns:1fr;padding:13px}.chapter-edit-form .chapter-form-title,.chapter-edit-form label:nth-of-type(2),.chapter-edit-form .optional-video,.chapter-edit-form .edit-form-actions{grid-column:auto}.edit-form-actions{grid-template-columns:1fr}.activation-list>.activation-row,.activation-list>.muted-line{margin-left:13px;margin-right:13px}.nav{height:64px;padding:0 12px}.brand{gap:8px;font-size:13px;letter-spacing:0}.brand span{width:30px;height:30px;flex:0 0 30px}.brand small{display:none}.nav-actions{gap:8px}.nav-link{font-size:12px}.nav-signin{padding:9px 12px;font-size:11px;white-space:nowrap}.hero{width:100%;padding:6px 14px 32px}.login-hero{gap:8px;align-items:stretch}.login-hero>*{min-width:0}.login-copy{min-height:0;border-radius:0}.hero-copy{width:100%;padding:8px 2px 12px}.hero-slogan{font-size:25px;line-height:1.3;letter-spacing:.1em}.hero-slogan i{width:34px}.login-copy h1,h1{font-size:36px!important;line-height:1.12;letter-spacing:-.04em;margin:26px 0 0}.login-copy h1 em{display:block;margin-top:8px;font-size:.86em;white-space:nowrap}.lead{max-width:100%;font-size:14px;line-height:1.75;margin:0;overflow-wrap:anywhere}.eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.14em}.eyebrow i{width:18px}.login-copy .eyebrow.hero-slogan{font-size:30px;line-height:1.3;letter-spacing:.06em;white-space:nowrap}.login-copy .eyebrow.hero-slogan i{width:36px;flex:0 0 36px;height:2px}.service-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 4px;border-radius:14px;font-size:10px}.service-strip span{display:grid;justify-items:center;gap:5px;padding:0 5px;line-height:1.35}.service-strip b{width:27px;height:27px;flex-basis:27px;font-size:11px}.advantages-title{gap:8px;margin:6px 0 14px}.advantages-title h2{font-size:22px}.advantages-title i{width:38px;background-size:13px 4px}.advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advantage-card{min-height:250px;padding:18px 13px 16px;border-radius:13px}.advantage-card b{left:11px;top:11px;width:34px;height:34px;font-size:12px}.advantage-icon{width:54px;height:54px;margin:22px auto 12px}.advantage-card h3{font-size:16px;line-height:1.45;margin-bottom:8px}.advantage-card p{font-size:12px;line-height:1.7}.learning-steps{padding:22px 12px 14px;border-radius:14px}.steps-heading h2{font-size:22px}.steps-heading>p{margin-bottom:16px;font-size:11px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.steps-grid article{min-height:185px;padding:17px 12px 14px}.steps-grid article>svg{width:32px;height:32px;margin:14px 0 13px}.steps-grid h3{font-size:14px;line-height:1.45}.steps-grid p{font-size:11px}.login-modal{padding:12px}.login-modal .phone-login{width:calc(100vw - 24px);max-width:390px;max-height:calc(100dvh - 24px);margin:0;padding:22px 14px 18px}.phone-login{width:100%;min-width:0;margin:0;padding:18px 14px;box-shadow:0 16px 44px #0006}.card-head{display:block;padding-bottom:16px;margin-bottom:16px}.card-head span{display:block;font-size:20px;line-height:1.4}.card-head small{display:block;margin-top:5px;font-size:11px}.phone-login label{margin-top:15px;font-size:11px}.phone-login input{padding-top:14px;padding-bottom:14px;font-size:16px}.login-note{font-size:10px;margin-top:12px}.phone-field{grid-template-columns:auto minmax(0,1fr)}.phone-field input{min-width:0;padding-left:14px;padding-right:12px}.code-row,.sms-row{grid-template-columns:minmax(0,1fr)}.code-row button,.sms-row button{height:48px}.primary{height:50px;margin-top:18px;font-size:14px}.login-copy{order:1}.service-strip{order:2}.login-promises{order:3}.learning-steps{order:4}.learner{padding-top:18px}.welcome{display:block;padding:14px 0 12px;border-bottom:1px solid #292a2d}.welcome .eyebrow{font-size:9px;letter-spacing:.12em}.welcome h1{margin:8px 0 0;font-size:24px!important;line-height:1.35}.welcome h1 br{display:none}.welcome h1 em{font-size:1em;margin-left:5px}.account-chip{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:10px;padding:8px 11px;border:1px solid #34353a;border-left:1px solid #34353a;border-radius:999px;background:#17181b;font-size:11px}.account-chip small{font-size:10px}.account-chip span{font-size:11px}.activate-card{padding:18px 14px}.course-grid{grid-template-columns:1fr;gap:14px}.course-tile,.empty-course,.manage-card{padding:20px 16px}.course-tile h2{font-size:21px}.player-card{width:100%;margin:24px 0 0;border-left:0;border-right:0}.sticky-player{top:0;border-left:0;border-right:0;border-radius:0}.player-top{padding:10px 12px}.video-watermark{max-width:56%;font-size:10px}.course-copy{margin:12px 12px 0;padding:18px 14px 20px;border:1px solid #333438;border-radius:9px}.course-copy h2{font-size:22px}.copyright-strip{bottom:36px;font-size:9px}.studio{grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 16px}.studio h1{font-size:32px!important}.studio-intro>p{font-size:14px;line-height:1.7}.upload-card{padding:18px 14px}.code-generator{grid-template-columns:1fr}.code-generator button{min-height:46px}.table-wrap{margin:0 -8px}.admin-page{padding-top:22px}.admin-page .studio-intro{padding:0 2px}.admin-workspace{gap:14px}.admin-tabs{position:sticky;z-index:8;top:64px}.admin-create-button{width:100%;margin-top:9px}.course-dock{top:122px;margin:0 -2px;padding-top:8px}.course-switcher button{min-width:210px}.create-course-card{padding:18px 14px}.manager-heading h2{font-size:25px}.course-summary{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:16px 13px}.course-icon{width:44px;height:44px;border-radius:11px}.course-icon svg{width:22px}.course-summary>b{grid-column:2}.course-summary h3{font-size:18px}.course-detail{padding:0 13px 15px}.course-actions{grid-template-columns:1fr;padding:14px 0}.chapter-upload{padding:14px}.chapter-row{grid-template-columns:36px minmax(0,1fr)}.chapter-row>b{width:34px;height:34px}.activation-row{align-items:flex-start;flex-direction:column}.code-success strong{font-size:21px;overflow-wrap:anywhere}.student-manager{padding:18px 14px}.student-manager .table-wrap{margin:0;overflow:visible}.student-manager table,.student-manager thead,.student-manager tbody,.student-manager tr,.student-manager th,.student-manager td{display:block}.student-manager thead{display:none}.student-manager tr{padding:14px;margin-bottom:12px;border:1px solid #34353a;border-radius:10px;background:#141518}.student-manager td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:8px;border:0}.student-manager td:before{color:#6f706c;font:11px Arial,sans-serif}.student-manager td:nth-child(1):before{content:"学员名称"}.student-manager td:nth-child(2):before{content:"学员手机号"}.student-manager td:nth-child(3):before{content:"绑定课程"}.student-manager td:nth-child(4):before{content:"使用激活码"}.student-manager td:nth-child(5):before{content:"学习进度"}.student-manager td:nth-child(6):before{content:"权限与操作"}.student-row-actions{align-items:flex-start;flex-direction:column}.course-learning-layout{grid-template-columns:1fr;gap:14px;margin-top:18px}.chapter-menu{margin:14px 12px 0;padding:14px;border-radius:9px}.chapter-menu>h2{font-size:18px}.chapter-menu>button{grid-template-columns:34px minmax(0,1fr);padding:14px 8px}.course-learning-layout .player-card{width:100%;margin-left:0;margin-right:0}.course-actions .delete-course{grid-column:auto}.activation-heading{align-items:flex-start;flex-direction:column}.activation-heading>button{width:100%}.activation-status{width:100%;justify-content:space-between}.activation-status>button{min-height:38px}.student-tools{grid-template-columns:1fr}.add-student-button{min-height:48px}.add-student-form{grid-template-columns:1fr;padding:15px}.add-student-form>div,.add-student-form label:first-of-type,.add-student-form .primary{grid-column:auto}footer{grid-template-columns:1fr;text-align:center;gap:10px;padding-left:20px;padding-right:20px}footer p,footer small{text-align:center}.brand{letter-spacing:.05em}}@media(max-width:380px){.login-copy h1,h1{font-size:32px!important}.login-copy h1 em{font-size:.82em}.hero{padding-left:13px;padding-right:13px}.phone-login{padding-left:12px;padding-right:12px}.player-card{width:100%;margin-left:0;margin-right:0}}
