main.blank[data-v-3b56cc9f]{min-height:100vh}:root,[data-theme=youth]{--c-bg: #FFF8EE;--c-bg-soft: #FFFDF6;--c-card: #FFFFFF;--c-ink: #23201A;--c-ink-soft: #6E6757;--c-ink-faint: #9C9484;--c-brand: #FF5C1F;--c-brand-deep: #E84A12;--c-brand-ink: #FFFFFF;--c-accent: #00BFA5;--c-highlight: #FFC83D;--c-line: rgba(35,32,26,.1);--c-line-strong: rgba(35,32,26,.18);--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--r-pill: 999px;--shadow: 0 12px 32px rgba(255,92,31,.12);--shadow-soft: 0 6px 20px rgba(35,32,26,.06);--font-display: "Yuanti SC","YouYuan","幼圆","MiSans","PingFang SC","Microsoft YaHei",sans-serif;--font-body: "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--w-display: 800;--icon-stroke: 2.2;--ease: cubic-bezier(.34,1.56,.64,1);--dur: .6s;--cover-1: linear-gradient(135deg,#FF8A50,#FF5C1F);--cover-2: linear-gradient(135deg,#26D0B6,#00BFA5);--cover-3: linear-gradient(135deg,#FFD166,#FFB02E);--cover-4: linear-gradient(135deg,#7FC8FF,#3AA0FF);--cover-5: linear-gradient(135deg,#F79BD0,#F06BB5);--cover-6: linear-gradient(135deg,#B79CFF,#8A63FF)}[data-theme=adult]{--c-bg: #F6F3EC;--c-bg-soft: #FBF9F4;--c-card: #FBFAF6;--c-ink: #17150F;--c-ink-soft: #7A766B;--c-ink-faint: #A6A197;--c-brand: #17150F;--c-brand-deep: #000000;--c-brand-ink: #F6F3EC;--c-accent: #3E6B5E;--c-highlight: #B33A2B;--c-line: rgba(23,21,15,.16);--c-line-strong: rgba(23,21,15,.34);--r-lg: 6px;--r-md: 4px;--r-sm: 3px;--r-pill: 4px;--shadow: none;--shadow-soft: none;--font-display: "Noto Serif SC","Source Han Serif SC","STSong","SimSun",serif;--font-body: "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--w-display: 700;--icon-stroke: 1.5;--ease: cubic-bezier(.25,.46,.45,.94);--dur: .7s;--cover-1: #E8E3D6;--cover-2: #DFD8C8;--cover-3: #D8D0BE;--cover-4: #E2DDD2;--cover-5: #DCD5C5;--cover-6: #E5E0D3}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-ink);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}.ic{width:26px;height:26px;display:block}.ic *{fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.cover-ic{width:46px;height:46px;display:block}.cover-ic *{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}body{transition:none}}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--c-line)}.nav-in{height:68px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:11px;cursor:pointer;font-family:var(--font-display);font-weight:var(--w-display);font-size:18px;letter-spacing:.5px}.logo .logo-img{height:40px;width:auto;display:block;border-radius:var(--r-sm);transition:opacity .2s}.logo:hover .logo-img{opacity:.9}.logo .mark{width:34px;height:34px;border-radius:var(--r-sm);background:var(--c-brand);color:var(--c-brand-ink);display:flex;align-items:center;justify-content:center;transition:border-radius .3s ease}.logo .mark svg{width:20px;height:20px}.logo .mark svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu{display:flex;gap:24px;flex:1}.menu a{font-size:14.5px;color:var(--c-ink-soft);position:relative;padding:4px 0;transition:color .2s;cursor:pointer}.menu a:hover,.menu a.on{color:var(--c-ink);font-weight:500}.menu a.on:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--c-brand);border-radius:2px}.nav-right{display:flex;align-items:center;gap:12px}.switch{display:flex;background:var(--c-bg-soft);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);padding:3px;gap:2px}.switch button{border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:13px;color:var(--c-ink-soft);padding:6px 13px;border-radius:var(--r-pill);transition:all .2s}.switch button.on{background:var(--c-brand);color:var(--c-brand-ink);font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-body);font-size:14.5px;font-weight:500;border-radius:var(--r-pill);padding:11px 22px;border:1px solid transparent;transition:all .2s}.btn-primary{background:var(--c-brand);color:var(--c-brand-ink)}.btn-primary:hover{background:var(--c-brand-deep)}.btn-ghost{border-color:var(--c-line-strong);color:var(--c-ink);background:transparent}.btn-ghost:hover{border-color:var(--c-ink)}.btn-sm{padding:8px 16px;font-size:13.5px}.btn-block{width:100%;justify-content:center}.pill{font-size:12px;border-radius:var(--r-pill);padding:3px 10px;border:1px solid var(--c-line-strong);color:var(--c-ink-soft)}[data-theme=youth] .pill{background:var(--c-highlight);border-color:transparent;color:var(--c-ink);font-weight:500}[data-theme=adult] .pill:first-child{color:var(--c-highlight);border-color:var(--c-highlight)}.hero{padding:84px 0 72px}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--c-ink-soft);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);padding:6px 14px;margin-bottom:26px;background:var(--c-bg-soft)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent)}.hero h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:54px;line-height:1.16;letter-spacing:1px;margin-bottom:22px;max-width:660px}.hero h1 .hl{color:var(--c-brand)}[data-theme=adult] .hero h1 .hl{color:var(--c-highlight)}.hero .sub{font-size:17px;color:var(--c-ink-soft);max-width:520px;margin-bottom:34px}.hero-cta{display:flex;gap:14px;margin-bottom:46px;flex-wrap:wrap}.stats{display:flex;border-top:1px solid var(--c-line);padding-top:34px;max-width:680px}.stat{flex:1}.stat .num{font-family:var(--font-display);font-weight:var(--w-display);font-size:34px;line-height:1}[data-theme=youth] .stat .num{color:var(--c-brand)}.stat .lbl{font-size:13px;color:var(--c-ink-faint);margin-top:8px}.sec{padding:60px 0}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px}.sec-kicker{font-size:13px;letter-spacing:2px;color:var(--c-brand);margin-bottom:10px}[data-theme=adult] .sec-kicker{color:var(--c-highlight);letter-spacing:3px}.sec-title{font-family:var(--font-display);font-weight:var(--w-display);font-size:30px;letter-spacing:.5px}.sec-more{font-size:14px;color:var(--c-ink-soft);cursor:pointer;white-space:nowrap}.sec-more:hover{color:var(--c-ink)}.grid-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feat{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:20px 18px;cursor:pointer;transition:all .2s;position:relative}.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--c-line-strong)}.feat .ico{width:46px;height:46px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--cover-1);color:#fff}.feat:nth-child(1) .ico{background:var(--cover-1)}.feat:nth-child(2) .ico{background:var(--cover-2)}.feat:nth-child(3) .ico{background:var(--cover-3)}.feat:nth-child(4) .ico{background:var(--cover-4)}.feat:nth-child(5) .ico{background:var(--cover-5)}.feat:nth-child(6) .ico{background:var(--cover-6)}[data-theme=adult] .feat .ico{background:transparent;border:1px solid var(--c-line-strong);color:var(--c-ink)}.feat .no{position:absolute;top:18px;right:18px;display:none;font-family:var(--font-display);font-size:13px;color:var(--c-ink-faint)}[data-theme=adult] .feat .no{display:block}.feat h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:18px;margin-bottom:5px}.feat p{font-size:14px;color:var(--c-ink-soft)}.feat .tag{display:inline-block;margin-top:8px;font-size:12px;color:var(--c-brand)}[data-theme=adult] .feat .tag{color:var(--c-highlight)}.grid-course{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.course:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course .cover{aspect-ratio:16/9;position:relative}.course .cover .c{position:absolute;top:0;right:0;bottom:0;left:0}.course:nth-child(1) .cover .c{background:var(--cover-1)}.course:nth-child(2) .cover .c{background:var(--cover-2)}.course:nth-child(3) .cover .c{background:var(--cover-3)}.course:nth-child(4) .cover .c{background:var(--cover-4)}.course:nth-child(5) .cover .c{background:var(--cover-5)}.course:nth-child(6) .cover .c{background:var(--cover-6)}.course .cover .c .cover-ic{position:absolute;left:20px;bottom:18px;color:#fffffff0}[data-theme=adult] .course .cover .c .cover-ic{display:none}.course .cover .c:after{content:attr(data-idx);position:absolute;right:20px;top:14px;display:none;font-family:var(--font-display);font-size:15px;color:var(--c-ink-soft)}[data-theme=adult] .course .cover .c:after{display:block}.course .bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.course .meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.course h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:17px;margin-bottom:8px;line-height:1.45}.course .desc{font-size:13.5px;color:var(--c-ink-soft);margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course .foot{margin:0 0 12px}.course .level{font-size:13px;color:var(--c-ink-soft)}.course .go{margin-top:auto;display:block;text-align:center;font-size:14px;font-weight:600;line-height:1;color:var(--c-brand-ink);background:var(--c-brand);padding:12px 0;border-radius:var(--r-md)}[data-theme=adult] .course .go{background:var(--c-highlight);color:#fff}.course .go:hover{filter:brightness(1.07)}.page-title{padding:48px 0 6px}.page-title h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:40px;letter-spacing:1px}.page-title .sub{color:var(--c-ink-soft);font-size:16px;margin-top:10px}.tabs{display:flex;gap:8px;margin:28px 0 32px;flex-wrap:wrap}.tab{font-family:var(--font-body);font-size:14px;cursor:pointer;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-ink-soft);padding:8px 18px;border-radius:var(--r-pill);transition:all .2s}.tab.on{background:var(--c-brand);color:var(--c-brand-ink);border-color:transparent;font-weight:500}.crumb{font-size:13px;color:var(--c-ink-faint);margin:30px 0 6px}.crumb b{color:var(--c-ink);font-weight:500}.detail{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}.detail-hero{border-radius:var(--r-lg);background:var(--cover-1);height:320px;position:relative;overflow:hidden}.detail-hero .cover-ic{width:90px;height:90px;position:absolute;left:34px;bottom:30px;color:#fffffff2}[data-theme=adult] .detail-hero .cover-ic{color:var(--c-ink-soft)}.detail-hero .cover-ic *{stroke-width:1.3}.detail-main h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:30px;line-height:1.3;margin-bottom:12px}.detail-main .sub{color:var(--c-ink-soft);font-size:15.5px;margin-bottom:18px}.section-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}.section-card h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:17px;margin-bottom:14px}.section-card p{font-size:14.5px;color:var(--c-ink-soft);line-height:1.8}.chapter{border:1px solid var(--c-line);border-radius:var(--r-md);padding:13px 16px;margin-bottom:9px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .15s}.chapter:hover{border-color:var(--c-line-strong);background:var(--c-bg-soft)}.chapter .t{font-size:14.5px;font-weight:500}.chapter .d{font-size:12.5px;color:var(--c-ink-faint)}.teacher{display:flex;align-items:center;gap:14px}.avatar{width:52px;height:52px;border-radius:50%;background:var(--cover-4);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:var(--w-display);font-size:20px}[data-theme=adult] .avatar{background:var(--c-bg-soft);color:var(--c-ink);border:1px solid var(--c-line-strong)}.teacher .nm{font-weight:500;font-size:15.5px}.teacher .r{font-size:13px;color:var(--c-ink-soft)}.sidebar{position:sticky;top:90px}.buy-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px}.buy-card .price{font-family:var(--font-display);font-weight:var(--w-display);font-size:34px}.buy-card .price small{font-size:14px;color:var(--c-ink-faint);font-weight:400}.buy-card .row{display:flex;justify-content:space-between;font-size:14px;color:var(--c-ink-soft);padding:9px 0;border-bottom:1px solid var(--c-line)}.buy-card .row:last-of-type{border-bottom:none}.buy-card .btn{width:100%;justify-content:center;margin-top:14px}.progress{height:8px;background:var(--c-bg-soft);border-radius:var(--r-pill);overflow:hidden;margin:12px 0 6px}.progress i{display:block;height:100%;background:var(--c-brand);border-radius:var(--r-pill)}.live-banner{border-radius:var(--r-lg);background:var(--cover-1);color:#fff;padding:26px 30px;display:flex;align-items:center;gap:18px;margin-bottom:30px;cursor:pointer}[data-theme=adult] .live-banner{background:var(--c-ink);color:var(--c-bg)}.live-banner .pulse{width:11px;height:11px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}[data-theme=adult] .live-banner .pulse{background:var(--c-highlight)}@keyframes pulse{0%{box-shadow:0 0 #ffffff80}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.live-banner .lt{flex:1}.live-banner .lt h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:20px}.live-banner .lt p{opacity:.85;font-size:14px}.live-banner .btn{background:#fff;color:var(--c-brand-deep)}.rank{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.rank-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:22px;display:flex;align-items:center;gap:14px}.rank-card .rk{font-family:var(--font-display);font-weight:var(--w-display);font-size:30px;color:var(--c-ink-faint);width:34px}.rank-card:nth-child(1) .rk{color:var(--c-brand)}.rank-card:nth-child(2) .rk{color:var(--c-accent)}.rank-card:nth-child(3) .rk{color:var(--c-highlight)}.rank-card .nm{font-weight:500;font-size:15px}.rank-card .sc{font-size:12.5px;color:var(--c-ink-faint)}.grid-work{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s}.work:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.work .cv{height:170px;position:relative}.work .cv .c{position:absolute;top:0;right:0;bottom:0;left:0}.work:nth-child(1) .cv .c{background:var(--cover-1)}.work:nth-child(2) .cv .c{background:var(--cover-2)}.work:nth-child(3) .cv .c{background:var(--cover-3)}.work:nth-child(4) .cv .c{background:var(--cover-4)}.work:nth-child(5) .cv .c{background:var(--cover-5)}.work:nth-child(6) .cv .c{background:var(--cover-6)}.work .cv .cover-ic{width:40px;height:40px;position:absolute;left:18px;bottom:14px;color:#ffffffe6}[data-theme=adult] .work .cv .cover-ic{display:none}.work .bd{padding:15px 18px}.work .bd .t{font-weight:500;font-size:14.5px;margin-bottom:4px}.work .bd .au{font-size:12.5px;color:var(--c-ink-faint);display:flex;align-items:center;gap:5px}.work .bd .au .lk{margin-left:auto;color:var(--c-brand)}[data-theme=adult] .work .bd .au .lk{color:var(--c-highlight)}.grid-tool{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px;cursor:pointer;transition:all .2s}.tool:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tool .ico{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}.tool:nth-child(1) .ico{background:var(--cover-1)}.tool:nth-child(2) .ico{background:var(--cover-2)}.tool:nth-child(3) .ico{background:var(--cover-3)}.tool:nth-child(4) .ico{background:var(--cover-4)}.tool:nth-child(5) .ico{background:var(--cover-5)}.tool:nth-child(6) .ico{background:var(--cover-6)}[data-theme=adult] .tool .ico{background:transparent;border:1px solid var(--c-line-strong);color:var(--c-ink)}.tool h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:18px;margin-bottom:7px}.tool p{font-size:13.5px;color:var(--c-ink-soft);margin-bottom:14px}.tool .use{font-size:13px;font-weight:500;color:var(--c-brand)}[data-theme=adult] .tool .use{color:var(--c-highlight)}.gen{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.gen-panel{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:28px}.gen-panel h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:18px;margin-bottom:14px}.prompt-area{width:100%;font-family:var(--font-body);font-size:14.5px;color:var(--c-ink);background:var(--c-bg-soft);border:1px solid var(--c-line-strong);border-radius:var(--r-md);padding:13px 15px;outline:none;resize:vertical;transition:border-color .2s;line-height:1.6}.prompt-area:focus{border-color:var(--c-brand)}.gen-label{font-size:13px;font-weight:500;color:var(--c-ink-soft);margin:20px 0 10px}.choice{display:flex;flex-wrap:wrap;gap:8px}.choice .opt{font-family:var(--font-body);font-size:13.5px;cursor:pointer;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-ink-soft);padding:7px 15px;border-radius:var(--r-pill);transition:all .18s}.choice .opt:hover{border-color:var(--c-ink);color:var(--c-ink)}.choice .opt.on{background:var(--c-brand);color:var(--c-brand-ink);border-color:transparent;font-weight:500}.gen-preview{background:var(--c-bg-soft);border:1px dashed var(--c-line-strong);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;min-height:480px}.preview-empty{text-align:center;color:var(--c-ink-faint);padding:30px}.preview-empty .ic{width:54px;height:54px;margin:0 auto 16px;color:var(--c-ink-faint)}.preview-empty p{font-size:14px}.upload-box{border:1px dashed var(--c-line-strong);border-radius:var(--r-md);padding:26px;text-align:center;color:var(--c-ink-faint);font-size:14px;cursor:pointer;margin-bottom:4px}.upload-box:hover{border-color:var(--c-ink);color:var(--c-ink)}.tgl-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--c-line)}.tgl-row:last-child{border-bottom:none}.tgl-row .tl{font-size:14px;color:var(--c-ink-soft)}.tgl{width:44px;height:24px;border-radius:var(--r-pill);background:var(--c-line-strong);position:relative;cursor:pointer;transition:background .2s;flex:none}.tgl.on{background:var(--c-brand)}.tgl:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.tgl.on:after{left:23px}.workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s}.project:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project .cv{height:150px;position:relative}.project .cv .c{position:absolute;top:0;right:0;bottom:0;left:0}.project:nth-child(1) .cv .c{background:var(--cover-1)}.project:nth-child(2) .cv .c{background:var(--cover-2)}.project:nth-child(3) .cv .c{background:var(--cover-3)}.project:nth-child(4) .cv .c{background:var(--cover-4)}.project:nth-child(5) .cv .c{background:var(--cover-5)}.project:nth-child(6) .cv .c{background:var(--cover-6)}.project .bd{padding:16px 18px}.project .bd .t{font-weight:500;font-size:14.5px;margin-bottom:5px}.project .bd .st{font-size:12.5px;color:var(--c-ink-faint);display:flex;align-items:center;gap:6px}.project .bd .st .sdot{width:7px;height:7px;border-radius:50%;background:var(--c-accent)}.project .bd .st .sdot.paused{background:var(--c-highlight)}.profile{display:flex;align-items:center;gap:22px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:30px;margin-bottom:28px}.profile .avatar{width:72px;height:72px;font-size:28px}.profile .nm{font-family:var(--font-display);font-weight:var(--w-display);font-size:22px}.profile .lv{font-size:13px;color:var(--c-ink-soft);margin-top:4px}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.badge{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:18px 12px;text-align:center}.badge .bico{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--cover-1)}.badge:nth-child(1) .bico{background:var(--cover-1)}.badge:nth-child(2) .bico{background:var(--cover-2)}.badge:nth-child(3) .bico{background:var(--cover-3)}.badge:nth-child(4) .bico{background:var(--cover-4)}.badge:nth-child(5) .bico{background:var(--cover-5)}.badge:nth-child(6) .bico{background:var(--cover-6)}[data-theme=adult] .badge .bico{background:var(--c-bg-soft);color:var(--c-ink);border:1px solid var(--c-line-strong)}.badge .bn{font-size:13px;font-weight:500}.badge .bdesc{font-size:11.5px;color:var(--c-ink-faint);margin-top:2px}.login-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.login-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:42px 40px;width:400px;max-width:100%}.login-card h2{font-family:var(--font-display);font-weight:var(--w-display);font-size:24px;margin-bottom:6px}.login-card .sub{color:var(--c-ink-soft);font-size:14px;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;color:var(--c-ink-soft);margin-bottom:7px}.field input{width:100%;font-family:var(--font-body);font-size:14.5px;color:var(--c-ink);background:var(--c-bg-soft);border:1px solid var(--c-line-strong);border-radius:var(--r-md);padding:12px 14px;outline:none;transition:border-color .2s}.field input:focus{border-color:var(--c-brand)}.login-card .alt{text-align:center;font-size:13px;color:var(--c-ink-faint);margin:22px 0 16px}.third{display:flex;gap:10px}.third button{flex:1;font-family:var(--font-body);font-size:13.5px;padding:10px;border:1px solid var(--c-line-strong);background:transparent;border-radius:var(--r-md);color:var(--c-ink-soft);cursor:pointer}.third button:hover{border-color:var(--c-ink);color:var(--c-ink)}.login-card .foot-note{text-align:center;font-size:13px;color:var(--c-ink-faint);margin-top:22px}.login-card .foot-note a{color:var(--c-brand);cursor:pointer}[data-theme=adult] .login-card .foot-note a{color:var(--c-highlight)}.cta-band{margin:30px 0 70px;border-radius:var(--r-lg);background:var(--c-brand);color:var(--c-brand-ink);padding:52px}[data-theme=adult] .cta-band{background:var(--c-ink);color:var(--c-bg)}.cta-band h2{font-family:var(--font-display);font-weight:var(--w-display);font-size:32px;margin-bottom:12px}.cta-band p{opacity:.85;font-size:15px;margin-bottom:28px;max-width:460px}.cta-band .btn{background:var(--c-bg);color:var(--c-ink);border:none}[data-theme=youth] .cta-band .btn{background:#fff;color:var(--c-brand-deep)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.duo .quote{font-family:var(--font-display);font-weight:var(--w-display);font-size:28px;line-height:1.5;margin-bottom:16px}.duo .body{color:var(--c-ink-soft);font-size:15.5px;margin-bottom:26px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer{border-top:1px solid var(--c-line);padding:18px 0 22px;margin-top:10px}.footer-in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer .brand{font-family:var(--font-display);font-weight:var(--w-display);font-size:20px}.footer .brand p{font-size:13px;color:var(--c-ink-faint);font-weight:400;font-family:var(--font-body);margin-top:3px;max-width:280px}.footer .col h4{font-size:13px;letter-spacing:2px;color:var(--c-ink-faint);margin-bottom:14px;font-weight:500}.footer .col a{display:block;font-size:14px;color:var(--c-ink-soft);margin-bottom:9px;cursor:pointer}.footer .col a:hover{color:var(--c-ink)}.page-fade-enter-active{transition:opacity .28s var(--ease)}.page-fade-leave-active{transition:opacity .16s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}@media (max-width: 820px){.menu{display:none}.grid-feat,.grid-course,.grid-work,.grid-tool,.workspace,.rank,.duo,.detail,.gen{grid-template-columns:1fr}.sidebar{position:static}.badge-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:38px}.stats{flex-wrap:wrap;gap:20px 0}.stat{flex:0 0 50%}}@media (max-width: 560px){.wrap{padding:0 14px}.page-title{padding:24px 0 4px}.page-title h1{font-size:26px}.hero h1{font-size:30px}.sec{padding:40px 0}.sec-title{font-size:23px}.grid-feat,.grid-course,.grid-work,.grid-tool{gap:12px}}