:root{--yellow:#fdf800;--black:#111;--text:#171717;--grey:#666;--line:#dededb;--bg:#fff;--soft:#f6f6f3;--dark:#111;--radius:12px;--shadow:0 16px 56px #11111112;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:white;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d5c300;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.logo{font-size:27px;font-weight:950;letter-spacing:-1.2px;color:#111}.logo small{font-size:9px;letter-spacing:1.7px;display:block;margin-top:-2px;font-weight:600}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.muted{color:#666}.tiny{font-size:12px}.small{font-size:13px}.heading{font-size:clamp(30px,4vw,54px);font-weight:900;letter-spacing:-.055em;line-height:1.12;margin:0}.subtitle{font-size:clamp(16px,2vw,21px);line-height:1.58}.btn{border:1px solid #111;border-radius:8px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;text-decoration:none;background:#111;color:#fff;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:white;color:#111}.btn.yellow{background:var(--yellow);color:#111;border-color:var(--yellow)}.btn.ghost{background:transparent;border-color:#d5d5d5;color:#111}.btn.small{padding:9px 12px;font-size:13px}.btn.danger{background:#932f25;border-color:#932f25}.input{border:1px solid #d3d3d0;background:white;color:#111;border-radius:8px;width:100%;min-height:44px;padding:11px 12px;outline-color:#333}.textarea{min-height:90px;resize:vertical;line-height:1.55}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field{margin-bottom:16px}.field-helper{font-size:12px;color:#777;margin-top:5px}.chip{font-size:11px;border:1px solid #ccc;border-radius:30px;padding:5px 10px;display:inline-block;background:white;font-weight:700}.chip.yellow{background:var(--yellow);border-color:var(--yellow)}.chip.dark{background:#111;border-color:#111;color:white}.chip.lock{color:#777}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(24px,5vw,82px);border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:20}.topbar-actions{display:flex;align-items:center;gap:10px}.navtext{font-size:13px;font-weight:700;background:none;border:0;padding:8px}.navtext.active{border-bottom:2px solid #111}.login{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.17fr) minmax(370px,.83fr)}.slide{min-height:640px;padding:clamp(32px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s}.slide.yellow{background:var(--yellow);color:#111}.slide.dark{background:#111;color:#fdf800}.slide.white{background:#f5f5f3;color:#111}.slide-title{white-space:pre-line;max-width:620px;font-size:clamp(43px,5.6vw,86px);font-weight:950;line-height:1.055;letter-spacing:-.07em}.slide-desc{font-size:clamp(16px,1.8vw,22px);line-height:1.65;max-width:540px}.slide-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.slide-dots{display:flex;gap:9px}.slide-dot{width:29px;height:5px;border:0;border-radius:5px;background:currentColor;opacity:.22;padding:0}.slide-dot.active{opacity:1;width:48px}.auth-panel{background:#fff;padding:clamp(30px,5vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-panel h1{font-size:clamp(32px,3vw,44px);letter-spacing:-.04em;margin:18px 0 10px}.auth-box{max-width:430px;width:100%;margin:auto}.auth-panel .btn{width:100%;margin-top:10px}.auth-meta{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:12px;color:#777}.main-shell{min-height:calc(100vh - 82px);background:var(--soft)}.hero-bar{background:var(--yellow);padding:clamp(36px,5vw,72px) clamp(24px,5vw,82px)}.hero-bar .heading{max-width:860px}.main-content{padding:42px clamp(24px,5vw,82px) 90px;max-width:1500px;margin:auto}.section-title{font-size:29px;letter-spacing:-.04em;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #e1e1e1;border-radius:14px;background:white;padding:26px;display:flex;flex-direction:column;gap:14px;min-height:210px;box-shadow:0 4px 14px #00000004}.card h3{font-size:21px;line-height:1.35;letter-spacing:-.035em;margin:0}.card p{color:#666;line-height:1.6;margin:0}.card .card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.card:hover{border-color:#999}.stats{display:flex;flex-wrap:wrap;gap:20px}.stat{background:white;padding:24px 28px;border:1px solid #e6e6e5;border-radius:12px;min-width:150px}.stat strong{font-size:37px;display:block;letter-spacing:-.05em}.stat span{font-size:12px;color:#666}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space-between{justify-content:space-between}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mt32{margin-top:32px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:white;border:1px solid #e3e3df;border-radius:14px;padding:24px}.panel-title{font-size:20px;font-weight:850;letter-spacing:-.03em;margin:0 0 17px}.modules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{background:white;border:1px solid #e5e5e3;border-radius:12px;padding:22px;display:flex;gap:18px;align-items:flex-start}.module-n{width:47px;height:47px;background:#111;color:var(--yellow);border-radius:9px;display:grid;place-items:center;font-size:19px;font-weight:900;flex-shrink:0}.module-card .content{flex:1}.module-card h3{font-size:19px;margin:1px 0 9px;line-height:1.4}.module-card .btn{margin-top:15px}.module-card.locked .module-n{background:#eee;color:#999}.reader-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.reader-side{position:sticky;top:104px;background:white;border:1px solid #ddd;border-radius:12px;padding:16px;max-height:calc(100vh - 125px);overflow:auto}.reader-link{width:100%;text-align:left;display:block;border:0;background:transparent;border-radius:7px;padding:11px 10px;line-height:1.45;font-size:13px;color:#444}.reader-link.active{background:#fdf800;color:#111;font-weight:850}.reader-link:hover{background:#f0f0ec}.reader-main{min-width:0}.video-strip{background:#111;color:white;padding:24px;border-radius:12px;margin-bottom:18px}.video-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #444;padding:14px 0}.video-item strong{display:block;font-size:14px}.video-item a{white-space:nowrap;font-size:12px;color:#111;background:var(--yellow);padding:10px 13px;text-decoration:none;border-radius:6px;font-weight:800}.study{background:white;padding:clamp(22px,4vw,45px);border:1px solid #e5e5e2;border-radius:12px;line-height:1.78;font-size:15px}.study h2{font-size:24px;line-height:1.3;letter-spacing:-.04em;margin:5px 0 20px}.study h3{font-size:20px;margin:26px 0 13px}.study h4{font-size:17px;margin:23px 0 10px}.study p{margin:9px 0 14px}.study ul,.study ol{padding-left:24px}.study li{margin:5px 0}.study table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}.study th,.study td{border:1px solid #ddd;text-align:left;padding:10px;vertical-align:top;overflow-wrap:anywhere}.study th{background:#f5f5f1}.study blockquote{border-left:4px solid #111;margin:14px 0;padding:7px 15px;background:#fafaf2}.reader-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:20px}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-form .field{margin-bottom:0}.tool-form .wide{grid-column:1/-1}.tool-header{border-bottom:1px solid #ddd;padding-bottom:18px;margin-bottom:23px}.tool-header h2{font-size:27px;letter-spacing:-.04em;margin:6px 0}.actions-right{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.saved{font-size:12px;color:#55722b}.help-card{background:#111;color:white;border-radius:12px;padding:23px;margin-bottom:16px}.help-card .btn.secondary{color:#111}.help-card p{font-size:13px;color:#ddd;line-height:1.7}.boundary{border-left:4px solid var(--yellow);padding:12px 15px;margin:10px 0;background:#262626;color:#eee;font-size:12px}.admin-wrap{display:grid;grid-template-columns:215px 1fr;gap:24px}.admin-side{align-self:start;display:flex;flex-direction:column;gap:8px}.admin-side button{border:1px solid #dcdcdc;text-align:left;border-radius:8px;padding:13px;background:white;font-weight:750}.admin-side button.current{background:#111;color:white}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid #e2e2e2;text-align:left;padding:13px 9px;vertical-align:middle}.admin-table th{color:#666;font-size:12px}.admin-table button{margin:3px}.form-switch{display:flex;align-items:center;gap:9px;font-size:13px}.form-switch input{width:16px;height:16px}.grant-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.grant-cell{background:#f6f6f3;border:1px solid #e0e0dc;border-radius:9px;padding:12px;font-size:13px}.grant-cell input[type=checkbox]{margin:0 0 10px;width:16px;height:16px}.grant-cell input[type=date]{padding:7px;border-radius:5px;border:1px solid #ddd;width:100%;font-size:11px}.admin-action{padding:15px 0;border-bottom:1px solid #eee}.admin-action:last-child{border:0}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills button{background:white;border:1px solid #d7d7d7;padding:8px 12px;border-radius:20px;font-size:12px}.pills button.selected{background:#111;color:#fff}.notice{padding:14px 18px;background:#fffbe1;border:1px solid #ece18b;border-radius:9px;font-size:13px;line-height:1.7}.warn{color:#ac3b30}.loader{height:100vh;display:grid;place-items:center;font-size:25px;font-weight:900;letter-spacing:1px}.loading-dot{color:#d4ce00}#toast{position:fixed;bottom:22px;right:22px;z-index:80;max-width:340px}#toast .toast-item{padding:15px 20px;background:#111;color:#fff;border-radius:8px;box-shadow:var(--shadow);font-size:13px;margin-top:10px}.footer{background:#111;color:#aaa;font-size:12px;padding:25px clamp(24px,5vw,82px);display:flex;justify-content:space-between;gap:12px}.print-sheet{display:none}.divider{height:1px;background:#e3e3e3;margin:22px 0}.keyword-search{width:100%;max-width:460px}.category{font-weight:800;font-size:12px;color:#666}.pdf-label{font-size:15px;font-weight:800;margin-top:12px}.check-line{display:flex;align-items:center;gap:10px;padding:8px 0}.check-line input{width:18px;height:18px}.hide{display:none!important}@media(max-width:1100px){.login{grid-template-columns:1fr 1fr}.login .slide{min-height:600px}.auth-panel{padding:35px}.cards{grid-template-columns:repeat(2,1fr)}.grant-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:67px;padding:0 19px}.logo{font-size:22px}.topbar-actions{gap:4px}.topbar-actions .navtext{font-size:12px;padding:7px}.login{display:flex;flex-direction:column}.slide{min-height:320px;padding:34px 24px}.slide-title{font-size:44px;max-width:100%}.slide-desc{font-size:15px}.auth-panel{padding:30px 24px 45px}.auth-panel h1{font-size:30px}.auth-box{max-width:100%}.hero-bar{padding:33px 21px}.main-content{padding:25px 18px 65px}.cards,.modules-grid,.grid-two,.tool-layout,.reader-layout,.admin-wrap{grid-template-columns:1fr}.reader-side{position:static;max-height:200px}.card{min-height:auto}.tool-form{grid-template-columns:1fr}.footer{flex-direction:column}.admin-side{display:flex;flex-direction:row;overflow-x:auto}.admin-side button{white-space:nowrap}.grant-grid{grid-template-columns:repeat(2,1fr)}.admin-table{display:block;overflow:auto}.video-item{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body *{visibility:hidden!important}.print-sheet,.print-sheet *{visibility:visible!important}.print-sheet{display:block!important;position:absolute;inset:0;padding:18mm;color:#000;background:white;font-size:12pt}.print-sheet table{border-collapse:collapse;width:100%}.print-sheet th,.print-sheet td{border:1px solid #999;padding:8px;text-align:left;vertical-align:top}.print-sheet h1{font-size:22pt}.print-sheet p{white-space:pre-wrap}.print-sheet footer{border-top:1px solid #ccc;padding-top:8px;font-size:9pt;margin-top:20px}}

.mobile-menu-toggle{display:none}.mobile-nav{display:none}@media(max-width:760px){.topbar-actions .navtext[data-go]{display:none}.mobile-menu-toggle{display:inline-block;border:1px solid #ccc;background:#fff;color:#111;border-radius:7px;padding:8px;font-size:12px;font-weight:800}.mobile-nav.open{display:flex;flex-direction:column;position:sticky;top:67px;z-index:19;background:white;border-bottom:1px solid #ddd;padding:9px 20px 16px;box-shadow:0 10px 20px #00000012}.mobile-nav .navtext{text-align:left;padding:13px 8px;border-bottom:1px solid #eee}.login~.mobile-nav{display:none}}
/* BSC BRANDING · Learning Design System */
:root{--yellow:#FDF800;--ink:#141414;--canvas:#F7F7F4;--hair:#E8E8E4;--round:24px;--lift:0 18px 56px rgba(15,15,15,.055);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:116px}body{background:var(--canvas);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aaa600;outline-offset:3px}*{min-width:0}.heading{letter-spacing:-.047em;line-height:1.13}.muted{color:#696969}.subtitle{max-width:750px}.eyebrow{font-size:11px;letter-spacing:.17em}.topbar{height:78px;padding:0 clamp(20px,4vw,76px);border-bottom:1px solid #eaeae7;background:rgba(255,255,255,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand-lockup{display:inline-flex;align-items:center;gap:11px;align-self:stretch;background:none;border:0;padding:0;color:#111;text-align:left}.brand-emblem{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#111;color:#FDF800;font-size:23px;font-weight:900;letter-spacing:-.08em}.brand-emblem span{font-size:12px;position:relative;left:1px;top:4px}.brand-text b{display:block;font-size:21px;font-weight:880;letter-spacing:-.055em;line-height:1}.brand-text small{display:block;margin-top:6px;font-size:9px;font-weight:750;letter-spacing:.19em}.topbar-actions{gap:12px}.navtext{font-size:14px;padding:10px 12px;font-weight:650;color:#3d3d3d}.navtext:hover{background:#f3f3f0;border-radius:13px}.lang-button{border:1px solid #dfdfdc;background:#fff;padding:10px 13px;border-radius:12px;font-size:13px;font-weight:800;color:#111;min-width:50px}.footer{border-top:1px solid #e9e9e5;background:white!important;color:#666!important;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px;padding:22px clamp(20px,4vw,76px)!important}.btn{border-radius:13px;padding:14px 20px;min-height:46px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;letter-spacing:-.01em}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1112}.btn.secondary{background:#fff;border-color:#111}.btn.ghost{border-color:#dededc;color:#333}.btn.small{min-height:38px;border-radius:10px}.main-shell{background:var(--canvas)}.main-content{padding:47px clamp(20px,4vw,76px) 85px;max-width:1540px}.section-title{font-size:clamp(26px,2.5vw,35px);font-weight:850;letter-spacing:-.045em;margin:9px 0 0}.hero-bar{padding:clamp(40px,6vw,84px) clamp(20px,4vw,76px)}.hero-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:48px;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 62% 0%,#fff785 0%,transparent 32%),linear-gradient(115deg,#FDF800 0%,#FFF900 65%,#FAE86D 100%);min-height:530px}.hero-home:before{content:'';position:absolute;right:-10%;top:-50%;width:48%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff9c;box-shadow:0 0 0 43px #ffffff26,0 0 0 88px #ffffff1c;z-index:-1}.hero-home .heading{font-size:clamp(43px,4.65vw,76px);line-height:1.07;margin:21px 0;max-width:760px}.hero-copy{position:relative;z-index:2}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:45px;font-size:12px;font-weight:800;letter-spacing:.03em;color:#282800}.hero-proof span:not(:last-child){border-right:1px solid #1115;padding-right:20px}.hero-art{height:375px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.bubble{position:absolute;border-radius:50%;filter:blur(.2px);background:radial-gradient(circle at 29% 20%,#fffefcdd 0,#ffffff4d 28%,#ffd90038 58%,#ffffffaa 80%);box-shadow:inset 9px 10px 16px #fff9,inset -10px -13px 22px #c6bb2047,8px 13px 22px #d5c4002b;border:1px solid #ffffffbb}.bubble-one{width:150px;height:150px;right:3%;top:1%}.bubble-two{width:92px;height:92px;left:0;bottom:2%}.art-pane{position:relative;z-index:2;background:linear-gradient(150deg,#ffffffde,#fffef9a8);backdrop-filter:blur(25px);border:1px solid #fff;border-radius:27px;padding:19px;width:min(100%,395px);box-shadow:0 27px 50px #81780031,0 3px 8px #ffffffdd inset;transform:rotate(-4deg)}.art-pane-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #00000014;padding-bottom:14px}.art-pane-top i{width:6px;height:6px;border-radius:50%;background:#1113}.art-pane-top span{margin-left:auto;font-size:9px;font-weight:850;letter-spacing:.16em}.art-flow{display:grid;gap:9px;padding:15px 0 12px}.art-flow-step{border:1px solid #11111112;background:#fff9;border-radius:12px;display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:15px;font-weight:750;box-shadow:0 3px 8px #1111}.art-flow-step b{font-size:11px;background:#111;color:#fdf800;border-radius:7px;padding:7px}.art-flow-step i{margin-left:auto;font-style:normal;color:#888}.art-progress{display:flex;align-items:center;gap:7px;border-top:1px solid #0002;padding-top:13px;font-size:11px;font-weight:800}.art-progress b{font-size:30px}.art-line{height:8px;flex:1;background:#ecece7;border-radius:10px;margin-left:18px;overflow:hidden}.art-line i{display:block;width:82%;background:#111;height:100%;border-radius:10px}.art-glass{position:absolute;z-index:3;right:-6px;bottom:8px;border:1px solid #fff;background:#111;color:#fdf800;box-shadow:0 14px 28px #0003;border-radius:19px;padding:16px 21px;display:grid;transform:rotate(6deg)}.art-glass span{font-size:27px;font-weight:900}.art-glass small{font-size:9px;letter-spacing:.12em;color:white}.welcome-row{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:12px 0 23px}.subtle-line{color:#777;font-size:13px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.journey-card{min-height:276px;background:#fff;border:1px solid #e8e8e4;border-radius:23px;padding:25px;box-shadow:var(--lift);display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s}.journey-card:hover,.module-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #14141415}.journey-top{display:flex;justify-content:space-between;align-items:start}.journey-icon{width:78px;height:66px;color:#111}.journey-icon svg{width:100%;height:100%}.journey-card h3{font-size:clamp(20px,2vw,26px);margin:2px 0 0;letter-spacing:-.035em}.journey-card p{margin:0;color:#626262;line-height:1.64;font-size:15px;max-width:380px}.text-action{margin-top:auto;align-self:flex-start;color:#111;border:0;background:transparent;font-weight:800;padding:12px 0 0;font-size:14px;display:inline-flex;gap:20px;align-items:center}.text-action span{display:grid;place-items:center;background:#fdf800;width:33px;height:33px;border-radius:50%;font-size:19px}.curriculum-head{margin-top:58px}.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{border-color:#e7e7e5;border-radius:22px;padding:23px;gap:18px;min-height:171px;box-shadow:0 4px 17px #00000006;transition:transform .25s,box-shadow .25s}.module-n{width:56px;height:56px;border-radius:15px;font-size:19px}.module-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.module-card h3{font-size:clamp(18px,1.6vw,22px);line-height:1.4;margin:12px 0 21px;letter-spacing:-.025em}.module-foot{border-top:1px solid #eee;padding-top:12px;display:flex;align-items:center;gap:13px;font-size:12px;color:#666}.round-arrow{margin-left:auto;border:1px solid #e8e8e5;background:#fdf800;width:37px;height:37px;border-radius:50%;color:#111;font-size:20px;font-weight:700}.closing-banner{background:#111;border-radius:28px;color:#fdf800;margin-top:55px;padding:clamp(28px,4vw,52px);position:relative;overflow:hidden}.closing-banner:after{content:'';position:absolute;right:-70px;top:-80px;width:340px;height:340px;border:2px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 35px #ffffff12,0 0 0 70px #ffffff0b;pointer-events:none}.closing-banner h2{font-size:clamp(27px,3.3vw,46px);line-height:1.22;letter-spacing:-.05em;max-width:760px}.page-intro{padding:clamp(39px,4.6vw,72px) clamp(20px,4vw,76px);background:radial-gradient(circle at 82% 24%,#fffca0 0%,transparent 24%),linear-gradient(110deg,#fdf800,#fff463)}.page-intro h1{max-width:1100px;margin:18px 0}.stage-ribbon{display:grid;grid-template-columns:repeat(6,1fr);background:#111;color:#fff;border-radius:18px;margin-bottom:24px;padding:17px 12px;gap:8px}.stage-ribbon span{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.07em;font-weight:800;border-right:1px solid #fff4;padding:7px}.stage-ribbon span:last-child{border:0}.stage-ribbon b{background:#fdf800;color:#111;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-size:11px}.reader-shell{background:#f7f7f4}.reader-heading{background:radial-gradient(circle at 90% -12%,#fffffff0 0,transparent 30%),linear-gradient(120deg,#FDF800 0,#fff764 100%);padding:35px clamp(20px,4vw,76px) 42px}.reader-heading .navtext{padding:4px 0}.reader-heading .eyebrow{margin-top:32px}.reader-heading h1{font-size:clamp(30px,3.9vw,55px);max-width:1150px;margin:13px 0 19px;line-height:1.2;letter-spacing:-.045em}.reader-heading-meta{display:flex;gap:12px;flex-wrap:wrap}.reader-heading-meta span{font-size:12px;border:1px solid #0003;padding:7px 12px;border-radius:99px;background:#ffffff75}.reader-container{max-width:1640px;margin:auto;padding:30px clamp(18px,3vw,55px) 70px;display:grid;grid-template-columns:minmax(250px,315px) minmax(0,1fr);gap:24px;align-items:start}.reader-side{position:sticky;top:98px;border:1px solid #eaeae7;border-radius:21px;background:#fffe;padding:14px;box-shadow:0 8px 20px #00000009;max-height:calc(100vh - 115px);overflow:auto}.side-head{padding:14px 14px 18px;border-bottom:1px solid #efefed;margin-bottom:9px}.side-head b{display:block;font-size:18px;margin-top:8px}.reader-link{display:flex;align-items:start;gap:12px;line-height:1.52;font-size:14px;font-weight:600;padding:10px 11px;color:#535353;border-radius:12px}.reader-index{color:#777;font-size:12px;font-weight:900;flex:0 0 25px}.reader-link.active{background:#FDF800;color:#111}.reader-link.active .reader-index{color:#111}.reader-main{min-width:0;max-width:1000px}.lesson-video-card{border-radius:23px;overflow:hidden;background:#141414;color:white;box-shadow:var(--lift);margin-bottom:23px;scroll-margin-top:105px}.video-head{display:flex;justify-content:space-between;gap:15px;padding:30px;background:radial-gradient(circle at 86% 12%,#444 0,transparent 26%),#161616;align-items:center}.video-head .eyebrow{color:#fdf800}.video-head h2{font-size:clamp(23px,2.4vw,30px);line-height:1.27;margin:11px 0;letter-spacing:-.03em;max-width:630px}.play-illustration{width:75px;height:75px;border:1px solid #555;border-radius:20px;display:grid;place-items:center;background:#2a2a2a;flex-shrink:0}.play-illustration div{background:#FDF800;color:#111;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;padding-left:3px}.video-list{padding:0 29px 14px}.video-lesson{border-top:1px solid #ffffff26;padding:17px 0;display:flex;align-items:center;gap:15px}.video-number{flex:0 0 36px;color:#FDF800;font-weight:800;font-size:13px}.video-lesson>div{flex:1}.video-lesson b{font-size:15px;line-height:1.5;display:block}.video-lesson small{font-size:12px;color:#aaa;display:block;margin-top:3px}.video-cta{background:#FDF800;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:750;color:#111;flex-shrink:0;font-size:13px}.video-quiet{font-size:12px;color:#bdbdbd}.study-series{display:flex;flex-direction:column;gap:17px}.study{scroll-margin-top:103px;border:1px solid #e9e9e5;border-radius:23px;background:white;padding:clamp(27px,4vw,52px);box-shadow:0 9px 24px #00000008;font-size:17px;line-height:1.82}.study>.unit-meta{display:flex;justify-content:space-between;gap:14px;color:#888;font-size:11px;letter-spacing:.13em;font-weight:800}.unit-type{color:#161616;background:#FDF800;border-radius:30px;padding:5px 11px}.study h2{font-size:clamp(26px,2.6vw,35px);line-height:1.3;letter-spacing:-.038em;margin:23px 0}.lesson-body>p{margin:14px 0 20px}.rich-heading{font-size:clamp(19px,2vw,25px);margin:27px 0 15px;letter-spacing:-.025em;line-height:1.45}.insight{display:flex;align-items:start;gap:14px;background:#fbfae7;border:1px solid #f1e9af;border-radius:15px;padding:18px 20px;margin:19px 0!important;font-weight:680}.insight-dot{display:grid;place-items:center;width:28px;height:28px;background:#FDF800;border-radius:50%;font-size:16px;flex-shrink:0}.rich-table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #e3e3df;border-radius:15px;margin:23px 0;box-shadow:0 5px 14px #00000005}.study .rich-table{border-collapse:collapse;width:100%;margin:0;font-size:15px;line-height:1.65;table-layout:auto;min-width:570px}.rich-table th,.rich-table td{padding:14px 15px;border:0;border-right:1px solid #e3e3df;border-bottom:1px solid #e3e3df;vertical-align:top;overflow-wrap:break-word;word-break:normal}.rich-table th{background:#f1f1ec;font-weight:800;min-width:125px}.rich-table td:first-child{font-weight:650}.rich-table tr:last-child td{border-bottom:0}.rich-table td:last-child,.rich-table th:last-child{border-right:0}.soft-break{display:block;height:5px}.next-unit{background:#f6f6f2;border:1px solid #e5e5df;border-radius:13px;padding:12px 17px;display:flex;justify-content:space-between;width:100%;margin-top:27px;font-weight:750}.next-unit span{font-size:18px}.lesson-tools{scroll-margin-top:110px;margin-top:22px;background:white;border:1px solid #e9e9e5;border-radius:23px;padding:29px}.lesson-tools h2{font-size:27px;letter-spacing:-.04em}.lesson-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lesson-tool{border:1px solid #e5e5e1;background:#fafaf8;border-radius:13px;padding:16px;text-align:left;display:flex;align-items:center;gap:12px}.lesson-tool span{font-size:11px;font-weight:850;color:#111;background:#FDF800;border-radius:8px;padding:9px}.lesson-tool b{flex:1;font-size:14px}.lesson-tool i{font-style:normal}.back-top{border:0;background:none;margin:20px 0;font-weight:750;color:#666}.mobile-chapters{display:none}.tool-intro .heading{font-size:clamp(28px,3.5vw,48px)}.tool-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:22px}.panel{border-color:#e8e8e3;border-radius:22px;box-shadow:0 7px 21px #00000008;padding:clamp(22px,2.7vw,36px)}.worksheet .tool-header h2{font-size:30px}.save-explain{font-size:14px;color:#575757;line-height:1.73;max-width:790px}.form-section{padding-top:22px;border-top:1px solid #ededeb;margin-top:23px}.form-section-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.form-section-title span{font-size:12px;font-weight:800;background:#FDF800;padding:10px;border-radius:9px}.form-section-title h3{font-size:18px;margin:0}.tool-form{gap:19px}.worksheet .input{border:1px solid #dededb;background:#fbfbfa;border-radius:11px;min-height:48px;font-size:15px}.worksheet .input:focus{background:#fff;border-color:#111}.worksheet label{font-size:14px;margin-bottom:8px}.matrix-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border-radius:15px;background:#f5f5f1}.matrix-editor .field{margin:0}.matrix-editor .wide{grid-column:auto}.actions-right{border-top:1px solid #eee;padding-top:22px;margin-top:28px}.tool-aside{position:sticky;top:102px}.help-card{background:radial-gradient(circle at 96% -4%,#424242 0,transparent 28%),#111;border-radius:22px;padding:27px;color:white}.help-card .eyebrow{color:#fdf800}.help-card h2{font-size:26px;letter-spacing:-.035em}.assist-symbol{background:#FDF800;color:#111;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:28px;margin-top:19px}.assist-foot{padding-top:15px;border-top:1px solid #ffffff2a;color:#FDF800;font-size:12px}.principle{border-left:3px solid #FDF800;background:#f7f7f4;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.55}.login{min-height:calc(100vh - 78px);grid-template-columns:minmax(0,1.13fr) minmax(400px,.87fr)}.slide{min-height:620px;position:relative;overflow:hidden}.slide.yellow{background:radial-gradient(circle at 80% 20%,#ffffff88 0,transparent 24%),linear-gradient(140deg,#FDF800,#ffe660)}.slide.yellow:after,.slide.dark:after,.slide.white:after{content:'';position:absolute;z-index:0;right:-66px;top:4%;width:250px;height:250px;border-radius:50%;border:1px solid #ffffff90;background:radial-gradient(circle at 30% 30%,#fff9,transparent 65%);box-shadow:inset 16px 14px 22px #ffffff60,inset -10px -14px 20px #00000018,0 0 0 45px #ffffff1a}.slide>*{position:relative;z-index:1}.slide-title{font-size:clamp(42px,5vw,77px);letter-spacing:-.067em}.slide-desc{font-size:clamp(17px,1.65vw,21px)}.auth-panel{background:#fff;padding:clamp(25px,5vw,78px)}.auth-box{max-width:440px}.auth-panel h1{font-size:clamp(30px,3vw,44px)}.auth-description{line-height:1.72;color:#696969;margin:18px 0 34px;font-size:16px}.auth-meta{line-height:1.5}.input{border-radius:11px}.mobile-menu-toggle{border-radius:12px;background:#f4f4f0;border:1px solid #e6e6e3;padding:9px 13px;font-weight:700}.mobile-nav{background:#fff;box-shadow:0 13px 24px #0000000b}.mobile-nav .navtext{font-size:16px;text-align:left;width:100%}.footer{margin-top:0}.cards .card{border-radius:22px}.card:hover{box-shadow:var(--lift)}
@media(max-width:1100px){.hero-home{grid-template-columns:1fr 340px;gap:22px}.hero-art{transform:scale(.9);transform-origin:center}.reader-container{grid-template-columns:250px minmax(0,1fr);gap:16px}.stage-ribbon{grid-template-columns:repeat(3,1fr)}.stage-ribbon span:nth-child(3){border-right:0}.tool-layout{grid-template-columns:minmax(0,1fr) 260px}.journey-grid{gap:12px}.journey-card{padding:20px}}
@media(max-width:840px){.topbar-actions>.navtext{display:none}.mobile-menu-toggle{display:inline-block}.topbar{height:72px}.brand-text b{font-size:19px}.brand-emblem{width:36px;height:36px}.hero-home{grid-template-columns:1fr;min-height:unset;gap:8px}.hero-art{height:250px;transform:scale(.77);margin:-24px 0}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-card:last-child{grid-column:1/-1;min-height:205px}.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-container{grid-template-columns:1fr}.reader-side{display:none}.mobile-chapters{display:block;background:white;border:1px solid #eaeae7;border-radius:16px;padding:14px;margin-bottom:18px}.mobile-chapters label{margin-bottom:7px}.tool-layout{grid-template-columns:1fr}.tool-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.login{grid-template-columns:1fr}.slide{min-height:400px;padding:36px}.slide-title{font-size:clamp(39px,7vw,63px)}.auth-panel{padding:36px 26px}.auth-box{margin:0 auto}.topbar{padding:0 22px}}
@media(max-width:620px){.topbar{padding:0 17px}.brand-text b{font-size:17px}.brand-text small{font-size:7px}.brand-emblem{width:33px;height:33px;border-radius:10px;font-size:20px}.topbar-actions{gap:7px}.lang-button{padding:8px}.main-content{padding:27px 16px 60px}.hero-home{padding:41px 21px 25px}.hero-home .heading{font-size:clamp(41px,11vw,59px)}.hero-home .subtitle{font-size:17px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-proof{gap:10px;margin-top:25px}.hero-proof span{font-size:10px}.hero-proof span:not(:last-child){padding-right:10px}.hero-art{height:230px;transform:scale(.74);margin:-37px 0 -19px}.art-pane{width:370px;flex-shrink:0}.welcome-row{align-items:start;flex-direction:column;gap:9px}.journey-grid{grid-template-columns:1fr;gap:12px}.journey-card,.journey-card:last-child{grid-column:auto;min-height:230px}.journey-top .journey-icon{width:67px;height:59px}.modules-grid{grid-template-columns:1fr}.module-card{min-height:160px;padding:19px}.module-n{width:47px;height:47px;border-radius:12px}.module-card h3{font-size:19px}.module-foot{flex-wrap:wrap}.stage-ribbon{grid-template-columns:repeat(2,1fr);gap:3px}.stage-ribbon span{border-right:0}.closing-banner{padding:29px 22px}.page-intro{padding:35px 20px}.reader-heading{padding:24px 18px 28px}.reader-heading h1{font-size:30px}.reader-container{padding:15px 11px 50px}.video-head{padding:22px}.video-head h2{font-size:22px}.play-illustration{width:52px;height:52px;border-radius:14px}.play-illustration div{width:35px;height:35px}.video-list{padding:0 19px 10px}.video-lesson{gap:10px}.video-lesson b{font-size:14px}.video-cta{font-size:12px;padding:9px 10px}.study{padding:23px 19px;border-radius:19px;font-size:16px;line-height:1.83}.study h2{font-size:25px;margin:17px 0}.lesson-body>p{margin:12px 0 17px}.rich-table-scroll{margin:17px 0;position:relative}.rich-table-scroll:after{content:'← 横向滑动查看完整表格 →';position:sticky;left:0;display:block;font-size:11px;text-align:center;background:#f6f6f1;padding:7px;color:#777;pointer-events:none}.study .rich-table{font-size:14px;min-width:620px}.rich-table th,.rich-table td{padding:12px 14px}.lesson-tools{padding:21px}.lesson-tools-grid{grid-template-columns:1fr}.tool-intro h1{font-size:31px}.panel{padding:22px 18px}.tool-form,.matrix-editor{grid-template-columns:1fr}.tool-form .wide,.matrix-editor .wide{grid-column:auto}.matrix-editor{padding:12px}.tool-aside{grid-template-columns:1fr}.actions-right{display:grid;grid-template-columns:1fr 1fr}.actions-right .btn{font-size:12px;padding:12px 8px}.stats{gap:9px}.stat{flex:1;min-width:135px}.stat strong{font-size:31px}.login .slide{min-height:365px;padding:29px 23px}.login .slide-title{font-size:43px}.login .auth-panel{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}