:root{color-scheme:dark;--bg:#020e1b;--text:#f4f6ff;--muted:#a4bfe5;--cyan:#0ac6fa;--border:#153b61;--image:url('./assets/design-reference.png')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:radial-gradient(ellipse at 70% 0,#062044 0,transparent 48%),var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #63d8ff;outline-offset:5px}a{color:inherit;text-decoration:none}button svg{pointer-events:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.site-header{height:68px;border-bottom:1px solid #122c46;background:linear-gradient(105deg,#031020e6,#051b39e6);position:relative;z-index:3}.header-inner{height:100%;max-width:1352px;margin:auto;display:flex;align-items:center;gap:66px}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:29px;font-weight:800;letter-spacing:1px}.brand svg{width:44px;height:40px;stroke:none}.navigation{display:flex;align-items:center;gap:29px;height:100%}.nav-item{position:relative;background:transparent;padding:9px 24px;font-size:18px;white-space:nowrap;border-radius:14px}.nav-item.active{color:#00d5ff;background:#04254e}.nav-item.active:after{content:"";position:absolute;bottom:0;left:36%;right:36%;height:3px;background:#00c9f7;border-radius:4px}.nav-item:hover{background:#09294b}.header-actions{margin-left:auto;display:flex;align-items:center;gap:32px}.icon-button{background:none;padding:5px;display:grid;place-items:center}.notification{color:#40c8ff;position:relative}.notification svg{width:28px;height:28px}.notification i{width:8px;height:8px;background:#ff343f;border-radius:50%;position:absolute;right:4px;top:4px}.profile{display:flex;align-items:center;gap:12px;background:none;font-weight:600;white-space:nowrap}.small-icon{width:16px;height:16px}.down{transform:rotate(90deg);margin-left:6px}.avatar{background-image:var(--image);background-repeat:no-repeat;display:block;flex-shrink:0;border-radius:50%;border:1px solid #5679a7;background-color:#0c2a4b}.avatar-user{width:38px;height:38px;background-position:-1267px -15px}.dashboard{max-width:1352px;margin:auto;padding-bottom:28px}.hero{height:281px;position:relative;padding:40px 10px 0}.mountain-art{position:absolute;right:-46px;top:0;width:780px;height:281px;background-image:var(--image);background-size:1448px 1086px;background-position:right -68px;mask-image:linear-gradient(to right,transparent,#000 35%);pointer-events:none}.hero-content{position:relative;z-index:1}.eyebrow{margin:2px 0 8px;font-size:16px;color:#a8d0fb;letter-spacing:7px}h1{font-size:60px;line-height:1.35;letter-spacing:1px;margin:0;font-weight:900;white-space:nowrap;text-shadow:0 3px 15px #0006}h1 span,.page-hero h1 span,.hero h1 span,.retest-hero h1 span,.prep-heading h1 span,.interview-heading h1 span,.tp-hero h1 span,.training-hero h1 span,.packages-hero h1 span,.payment-hero h1 span{background:linear-gradient(180deg,#59ddf5 0%,#0095fa 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#59ddf5!important;text-shadow:none!important}.hero-description{font-size:21px;margin:1px 0 19px;letter-spacing:.6px}.benefits{display:flex;gap:61px}.benefit{display:flex;align-items:center;gap:14px;min-width:195px}.feature-icon{height:51px;width:51px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0c294a,#071a32);border-bottom:1px solid #24486b}.feature-icon svg{height:28px;width:28px;stroke:#7fcaff}.benefit strong{font-size:17px;font-weight:600}.benefit p{color:var(--muted);margin:3px 0 0;font-size:14px;letter-spacing:1px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.entry-card{height:270px;border-radius:15px;position:relative;overflow:hidden}.ai-card{border:1px solid #32adff;background:radial-gradient(ellipse at 13% 10%,#114b9d 0,transparent 54%),linear-gradient(130deg,#06224b,#051a3b 60%,#062651);box-shadow:inset 0 0 20px #247fff4f,0 0 18px #0074ff33}.ai-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 3px #a2ddff}.robot-art{position:absolute;top:20px;left:17px;width:170px;height:170px;background-image:var(--image);background-position:-65px -369px;mask-image:linear-gradient(#000 83%,transparent)}.entry-copy{position:relative;margin:28px 12px 0 197px;z-index:1}.entry-card h2{font-size:35px;margin:0 0 5px;font-weight:800;letter-spacing:1px}.entry-copy>p{font-size:18px;color:#c4d9fa;margin:3px 0 21px;white-space:nowrap}.check-list{display:flex;padding:0;margin:0;list-style:none;gap:24px;white-space:nowrap;color:#c1d3f1;font-size:15px}.check-list li{display:flex;align-items:center;gap:8px}.check-list li:before{content:"✓";font-weight:800;display:grid;place-items:center;color:#05233b;width:22px;height:22px;background:linear-gradient(#58ccff,#2295eb);border-radius:50%;flex-shrink:0}.primary-button{border:1px solid #75cfff;border-radius:12px;background:linear-gradient(165deg,#54c5f7 0,#2da6fa 45%,#1461fa 100%);box-shadow:inset 0 1px 2px #b0eeff88,0 3px 10px #006aff26;color:#001429;display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:750;transition:filter .2s,transform .2s}.primary-button:hover,.gold-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.start-button{position:absolute;left:26px;bottom:20px;width:72%;height:60px;z-index:1;font-size:22px}.ai-watermark{position:absolute;right:15px;top:-48px;font-size:190px;font-weight:900;font-style:italic;color:#2a6ad326;transform:skew(-8deg)}.mentor-card{padding:21px 20px;border:1px solid #8b653d;background:radial-gradient(ellipse at 100% 0,#ad875970,transparent 55%),linear-gradient(120deg,#292521,#101c29 65%,#101820);box-shadow:inset 0 1px 2px #eac49388}.mentor-art{position:absolute;right:0;top:0;width:215px;height:193px;background-image:var(--image);background-position:-1185px -350px;mask-image:linear-gradient(to right,transparent,#000 35%);pointer-events:none}.mentor-heading{display:flex;align-items:center;gap:21px;position:relative;z-index:1}.crown-icon{width:92px;height:92px;background:radial-gradient(circle at 35% 25%,#9d754e,#372d27 76%);border:1px solid #9a734747;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.crown-icon svg{width:51px;height:51px;fill:#ffc67a;stroke:#ffe0a4;filter:drop-shadow(0 3px 6px #f7a13b88)}.mentor-heading h2{margin:7px 0 1px}.mentor-heading p{font-size:17px;white-space:nowrap;margin:4px 0;color:#e2e4ec}.gold-check{position:relative;margin:18px 7px 0;gap:22px;z-index:1}.gold-check li:before{background:linear-gradient(#ffe7ae,#f7bf75)}.mentor-bottom{display:flex;align-items:center;gap:23px;margin:31px 4px 0;position:relative;z-index:1}.gold-button{height:60px;width:248px;border-radius:13px;border:1px solid #f5c988;background:linear-gradient(125deg,#efc480,#9b7855 46%,#433f40);font-size:21px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;flex-shrink:0;box-shadow:inset 0 1px 2px #ffedb388;transition:.2s}.mentor-social{display:flex;align-items:center;gap:13px;border:1px solid #25446966;border-radius:14px;background:#06132199;padding:7px 15px;white-space:nowrap;flex:1}.avatar-stack{display:flex;padding-left:4px}.avatar-stack .avatar{width:39px;height:42px;margin-left:-6px;border:2px solid #102036}.avatar-zhang{background-position:-982px -815px;width:66px;height:66px}.avatar-woman{background-position:-1086px -550px}.avatar-li{background-position:-983px -890px;width:66px;height:66px}.avatar-wang{background-position:-983px -968px;width:66px;height:66px}.avatar-stack .avatar-zhang{background-size:869px 652px;background-position:-589px -489px}.mentor-social p{margin:0;color:#bdd7ff;line-height:1.6;font-size:14px}.mentor-social p span{font-size:13px}.journey{height:116px;margin-top:16px;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;border:1px solid #13395b;border-radius:14px;background:linear-gradient(110deg,#05162caa,#06172acc)}.journey-step{display:flex;align-items:center;gap:12px}.step-number{background:linear-gradient(135deg,#173358,#0d213a);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:600}.journey-icon{width:74px;height:74px;border:1px solid #17447788;border-radius:50%;display:grid;place-items:center;background:radial-gradient(at 40% 15%,#103971,#0a1f3c)}.journey-icon svg{width:39px;height:39px;color:#5fbeff;stroke-width:2.2;filter:drop-shadow(0 3px 3px #008bff33)}.journey-step h3{font-size:17px;margin:0 0 5px}.journey-step p{margin:0;font-size:14px;line-height:1.6;color:#a9c8f6}.journey-arrow{color:#8ebeff;width:23px;margin:0 8px}.bottom-grid{display:grid;grid-template-columns:1.06fr .94fr 1fr;gap:14px;margin-top:12px}.panel{height:295px;border:1px solid #1b4267;border-radius:14px;padding:16px 14px;background:linear-gradient(125deg,#0a1d34e6,#041426d9);box-shadow:inset 0 1px #314e6b33;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.panel-heading h2{font-size:19px;margin:0;display:flex;align-items:center;gap:12px;white-space:nowrap}.panel-heading h2:before{content:"";height:20px;width:4px;border-radius:8px;background:linear-gradient(#57d7ff,#008ee2);box-shadow:0 0 8px #00aaff55}.text-button{display:flex;gap:3px;align-items:center;padding:0;background:none;color:#8bb5e8;font-size:13px;white-space:nowrap}.text-button:hover{color:#5cdaff}.text-button svg{width:16px;height:16px}.progress-content{display:flex;align-items:center;gap:11px;margin:12px -2px 16px}.progress-ring{width:140px;height:158px;position:relative;flex-shrink:0}.progress-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:13}.ring-track{stroke:#253c59}.ring-value{stroke:url(#ring);stroke-dasharray:249 415;stroke-linecap:round}.progress-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.progress-ring strong{font-size:29px}.progress-ring span{color:#a9c3e9;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1;min-width:0}.stat{border-radius:9px;background:linear-gradient(135deg,#102944,#0a2038);height:143px;padding:12px 10px;white-space:nowrap}.stat>svg{display:block;color:#389aff;width:25px;height:25px;margin-bottom:8px}.stat>span{font-size:13px;color:#b2cef7}.stat p{font-size:15px;margin:4px 0}.stat p strong{font-size:29px}.streak{background:linear-gradient(135deg,#0b2a3b,#042634)}.streak>svg{color:#00d4cc}.complete{background:linear-gradient(135deg,#232338,#1a1a2d)}.complete>svg{color:#ff4767;fill:#ff4767}.complete p{white-space:nowrap}.continue-button{width:100%;height:50px;font-size:18px}.records{display:flex;flex-direction:column;gap:8px}.record{display:flex;align-items:center;gap:14px;padding:8px 11px;width:100%;min-height:64px;height:auto;overflow:hidden;box-sizing:border-box;background:#102640c9;border-radius:10px;text-align:left}.record:hover{background:#173653}.record-icon{height:45px;width:45px;border-radius:13px;background:linear-gradient(135deg,#124589,#082b60);display:grid;place-items:center;color:#4ac4ff;flex-shrink:0}.record-icon svg{fill:currentColor;width:24px;height:24px}.record-icon.purple{background:linear-gradient(135deg,#542773,#341b58);color:#ce7df1}.record-icon.purple svg,.record-icon.amber svg{fill:none;stroke-width:2.5}.record-icon.amber{background:linear-gradient(135deg,#856039,#3e301f);color:#ffe0a9}.record-copy{min-width:0;flex:1;overflow:hidden}.record-copy strong{font-size:14px;font-weight:600;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.record-copy p{font-size:12px;color:#92b3e0;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{color:#40c4ff;background:#103768;padding:7px 10px;border-radius:9px;font-size:15px;white-space:nowrap}.score small{font-size:12px}.score.green{color:#1be4d1;background:#003d46}.record>svg{width:15px;height:19px;color:#adcefa}.mentors-panel{padding:15px 16px}.mentors-panel .panel-heading{margin-bottom:10px}.mentor-list{display:flex;flex-direction:column;gap:9px}.mentor-row{display:flex;gap:13px;align-items:center;min-width:0}.mentor-info{flex:1;min-width:0}.mentor-info h3{font-size:15px;margin:0;line-height:1.3}.mentor-info p{margin:1px 0 5px;color:#a5c8f7;font-size:12px;white-space:nowrap}.tags{display:flex;gap:7px}.tags span{border-radius:5px;background:#102a47;padding:3px 8px;color:#a9c7ee;font-size:11px;white-space:nowrap}.mentor-price{align-self:center;text-align:center;flex-shrink:0}.mentor-price p{margin:0 0 5px;color:#ffd475;white-space:nowrap}.mentor-price strong{font-size:16px}.mentor-price small{font-size:12px;color:#a9c8ed}.book-button{background:linear-gradient(#48c9ff,#2470f6);border:1px solid #4cbdff;border-radius:8px;color:#04172b;width:80px;height:32px;font-weight:650}.book-button:hover{filter:brightness(1.2)}dialog{width:min(450px,calc(100vw - 32px));padding:34px;border:1px solid #235885;border-radius:20px;background:linear-gradient(140deg,#102b49,#061629);color:#f5f7ff;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:9px;right:13px;font-size:28px;color:#8eacca}.dialog-label{color:#53c9fa;letter-spacing:2px;font-size:12px}dialog h2{font-size:24px;margin:14px 0}#dialog-content{color:#adc6e5;line-height:1.9;margin-bottom:25px}.dialog-confirm{width:100%;height:44px;font-size:16px}.dialog-detail{padding:12px 15px;border-radius:10px;background:#102e4b;margin:15px 0;color:#d7e7ff}
@media(min-width:1450px){.hero{height:281px}.dashboard{max-width:1352px}}
@media(max-width:1400px){.header-inner,.dashboard{margin-left:32px;margin-right:32px}.header-inner{gap:50px}.navigation{gap:15px}.entry-copy{margin-left:180px}.entry-card h2{font-size:31px}.entry-copy>p{font-size:16px}.check-list{gap:15px;font-size:13px}.mentor-heading{gap:15px}.mentor-heading p{font-size:15px}.crown-icon{width:80px;height:80px}.mentor-bottom{gap:15px;margin-top:36px}.gold-button{width:40%;font-size:19px}.mentor-social{gap:7px;padding:7px 8px}.mentor-social p{font-size:12px}.mentor-social p span{font-size:11px}.progress-ring{width:133px}.stat{padding:12px 8px}.stats{gap:8px}.mentor-row{gap:9px}.tags{gap:5px}.tags span{padding:3px 5px}.mentor-info p{font-size:11px}.book-button{width:73px}.mentor-price strong{font-size:15px}.record{gap:11px}.record-copy strong{font-size:13px}}
@media(max-width:1200px){.header-inner{gap:35px}.navigation{gap:5px}.nav-item{padding:9px 18px;font-size:16px}.header-actions{gap:18px}h1{font-size:50px}.hero-description{font-size:18px}.benefits{gap:35px}.entry-copy{margin-left:145px}.robot-art{left:5px;transform:scale(.8);transform-origin:left top}.entry-card h2{font-size:28px}.entry-copy>p{font-size:14px}.check-list{gap:10px;font-size:12px}.check-list li{gap:5px}.check-list li:before{width:19px;height:19px}.mentor-card{padding:24px 16px}.crown-icon{width:60px;height:60px}.crown-icon svg{width:38px;height:38px}.mentor-heading{gap:13px}.mentor-heading p{font-size:13px}.mentor-heading h2{font-size:28px}.gold-check{margin-top:26px}.mentor-bottom{margin-top:36px;gap:10px}.mentor-social{padding:8px 6px}.avatar-stack .avatar{width:33px;height:36px}.mentor-social p{font-size:11px}.mentor-social p span{font-size:10px}.journey{padding:17px 14px}.journey-step{gap:8px}.journey-icon{width:55px;height:55px}.journey-icon svg{width:30px;height:30px}.step-number{width:30px;height:30px;font-size:16px}.journey-step h3{font-size:15px}.journey-step p{font-size:12px}.journey-arrow{width:18px;margin:0 4px}.bottom-grid{grid-template-columns:1fr 1fr}.mentors-panel{grid-column:1/-1;height:auto}.mentor-list{flex-direction:row;gap:30px}.mentor-row{flex:1}.mentor-row .avatar{width:56px;height:62px}.mentor-price{margin-left:auto}.progress-ring{width:150px}.panel-heading h2{font-size:18px}}
@media(max-width:900px){.header-inner,.dashboard{margin-left:22px;margin-right:22px}.header-inner{gap:20px}.nav-item{padding:9px 12px}.header-actions{gap:10px}.profile>span:not(.avatar){display:none}.brand{font-size:24px;gap:5px}.brand svg{width:35px}.hero{padding-top:32px;height:275px}.eyebrow{font-size:13px;letter-spacing:5px}h1{font-size:42px}.hero-description{font-size:15px}.benefits{gap:24px;margin-top:24px}.benefit{min-width:0;gap:9px}.benefit strong{font-size:14px}.benefit p{font-size:12px}.feature-icon{width:42px;height:42px}.mountain-art{right:-22px;opacity:.65;width:600px}.entry-grid{grid-template-columns:1fr}.entry-copy{margin-left:197px}.robot-art{left:17px;transform:none}.entry-card h2{font-size:34px}.entry-copy>p{font-size:18px}.check-list{font-size:15px;gap:24px}.mentor-card{padding:21px}.crown-icon{width:92px;height:92px}.crown-icon svg{width:50px;height:50px}.mentor-heading{gap:21px}.mentor-heading h2{font-size:35px}.mentor-heading p{font-size:17px}.gold-check{margin-top:18px}.mentor-bottom{margin-top:31px;gap:23px}.mentor-social{padding:7px 15px;gap:13px}.mentor-social p{font-size:14px}.mentor-social p span{font-size:13px}.avatar-stack .avatar{width:39px;height:42px}.journey{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.journey-arrow{display:none}.journey-step{gap:12px}.journey-icon{width:60px;height:60px}.journey-step h3{font-size:16px}.journey-step p{font-size:13px}.bottom-grid{grid-template-columns:1fr}.panel{height:auto;min-height:295px}.progress-content{justify-content:center;gap:30px}.stats{flex:initial;grid-template-columns:repeat(3,95px)}.progress-ring{width:160px}.continue-button{margin-top:20px}.records-panel{min-height:295px}.record{height:64px}.record-copy strong{font-size:15px}.mentor-list{flex-direction:column;gap:15px}.mentor-info p{font-size:13px}.tags span{font-size:12px;padding:3px 8px}.mentor-price{margin-left:0}.mentors-panel{min-height:310px}.mentor-row .avatar{width:66px;height:66px}}
@media(max-width:600px){.site-header{height:auto}.header-inner{margin:0 16px;height:112px;flex-wrap:wrap;gap:0;position:relative;padding-bottom:48px}.brand{font-size:25px}.header-actions{position:absolute;right:0;top:14px}.navigation{position:absolute;bottom:8px;left:0;right:0;justify-content:space-between;height:37px;gap:0}.nav-item{font-size:14px;padding:7px 13px;border-radius:9px}.dashboard{margin:0 15px}.hero{height:292px;padding:28px 2px 0}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:13px}h1{white-space:normal;font-size:clamp(30px,7.5vw,42px);line-height:1.42;letter-spacing:0;max-width:380px}h1 span{display:block}.hero-description{font-size:12px;line-height:1.9;max-width:340px;margin-top:8px}.mountain-art{width:350px;height:205px;top:0;right:-15px;background-position:right -68px;opacity:.5;mask-image:linear-gradient(to right,transparent,#000 90%)}.benefits{gap:10px;margin-top:16px;justify-content:space-between}.feature-icon{width:31px;height:31px}.feature-icon svg{width:19px;height:19px}.benefit{gap:6px}.benefit strong{font-size:10px}.benefit p{font-size:9px;letter-spacing:0;margin-top:3px}.entry-card{height:246px;border-radius:13px}.robot-art{top:20px;left:5px;transform:scale(.64);transform-origin:left top}.entry-copy{margin:25px 8px 0 115px}.entry-card h2{font-size:26px}.entry-copy>p{font-size:12px;white-space:normal;line-height:1.8;margin-bottom:10px;max-width:250px}.check-list{font-size:10px;gap:7px;flex-wrap:wrap}.check-list li{gap:4px}.check-list li:before{width:15px;height:15px;font-size:10px}.start-button{left:17px;bottom:19px;width:calc(100% - 34px);height:49px;font-size:18px}.ai-watermark{font-size:150px;right:-10px;top:-20px}.mentor-card{padding:20px 15px;height:258px}.mentor-art{opacity:.5;right:-10px}.mentor-heading{gap:12px}.crown-icon{width:58px;height:58px}.crown-icon svg{width:34px;height:34px}.mentor-heading h2{font-size:26px}.mentor-heading p{font-size:11px;white-space:normal;max-width:220px;line-height:1.8}.gold-check{gap:12px;margin:21px 0 0;font-size:11px}.mentor-bottom{margin:29px 0 0;gap:10px}.gold-button{height:49px;font-size:16px;width:36%;border-radius:10px;gap:6px}.gold-button svg{width:19px}.mentor-social{padding:7px;gap:7px;border-radius:9px}.mentor-social p{font-size:10px;line-height:1.7}.mentor-social p span{font-size:9px}.avatar-stack .avatar{width:27px;height:31px}.avatar-stack .avatar-user{background-position:-1272px -19px}.avatar-stack .avatar-woman{background-position:-1092px -555px}.journey{padding:17px 12px;gap:20px 10px;margin-top:12px}.journey-step{gap:7px;position:relative;padding-left:20px}.step-number{width:21px;height:21px;font-size:12px;position:absolute;left:-2px;top:0;z-index:1}.journey-icon{width:43px;height:43px}.journey-icon svg{width:25px;height:25px}.journey-step h3{font-size:12px;margin-bottom:3px}.journey-step p{font-size:10px}.panel{padding:16px 13px}.panel-heading h2{font-size:17px;gap:8px}.text-button{font-size:12px}.progress-content{gap:10px;margin-top:18px;margin-bottom:10px}.progress-ring{width:122px;height:143px}.progress-ring strong{font-size:25px}.progress-ring span{font-size:11px}.stats{flex:1;gap:7px;grid-template-columns:repeat(3,1fr)}.stat{height:132px;padding:12px 7px}.stat>span{font-size:11px}.stat p{font-size:12px}.stat p strong{font-size:24px}.stat>svg{width:22px;height:22px}.continue-button{margin-top:14px}.record{gap:10px;padding:8px 10px}.record-copy strong{font-size:12px}.record-copy p{font-size:11px}.score{padding:7px 8px;font-size:14px}.mentor-info p{font-size:11px}.tags{gap:5px}.tags span{font-size:10px;padding:3px 5px}.mentor-row{gap:10px}.mentor-row .avatar{width:60px;height:64px}.book-button{width:70px}.mentor-price strong{font-size:14px}.mentor-price small{font-size:10px}.mentor-list{gap:14px}.mentors-panel{padding-bottom:20px}.header-actions .profile{padding-right:0;gap:0}.profile .down{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Limit the reference artwork to its illustration region so no source text is repeated. */
@media(min-width:901px){.mountain-art{width:610px}}
.robot-art{mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent),linear-gradient(#000 83%,transparent);mask-composite:intersect}
@media(min-width:1201px){.entry-copy>.check-list{gap:20px;font-size:14px}}
@media(max-width:600px){.benefit>div{min-width:0}.benefit strong{font-size:9px;white-space:nowrap}.benefit p{font-size:9px;white-space:nowrap}.benefits{gap:6px}.benefit{gap:5px}.feature-icon{width:29px;height:29px;flex-shrink:0}.mentor-bottom{min-width:0}.mentor-social{min-width:0}}

.brand{gap:8px;letter-spacing:0}
.brand-symbol{display:block;width:38px;height:32px;flex-shrink:0}
.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain;position:static}
.brand-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1}
.brand-name{display:block;font-family:"Source Han Sans CN","Noto Sans CJK SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:700;font-size:20px;line-height:1;letter-spacing:0;color:#fff;white-space:nowrap}
.brand-wordmark small{display:block;width:100%;font-family:"Source Han Sans CN","Noto Sans CJK SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:10px;line-height:1;letter-spacing:.16em;font-weight:500;color:#d5e2f2;text-align:center}
/* Keep the reference illustration and its original handwritten lettering scale. */
.mountain-art{background-image:var(--image);background-size:1448px 1086px;background-position:right -68px}
@media(min-width:901px){.mountain-art{width:610px}}
#hero-title>span{font-family:"Source Han Sans CN","Noto Sans CJK SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:900;font-size:1em;letter-spacing:1px;background:linear-gradient(180deg,#5aebff 0%,#1ec8f6 42%,#0a8dff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
@media(max-width:600px){.brand{gap:6px}.brand-symbol{width:32px;height:27px}.brand-name{font-size:18px}.brand-wordmark small{font-size:9px;letter-spacing:.1em}}

/* Global AI Loader Modal Component */
.shangan-loader-locked { overflow: hidden !important; }
.shangan-ai-loader-overlay {
  position: fixed; inset: 0; z-index: 999999;
  display: flex; align-items: center; justify-content: center;
  background: rgba(2, 14, 27, 0.85);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.shangan-ai-loader-overlay.active {
  opacity: 1; pointer-events: auto;
}
.shangan-ai-loader-card {
  position: relative; width: min(440px, calc(100vw - 32px));
  padding: 34px 28px 24px;
  background: radial-gradient(circle at 50% 0%, #0e2e50 0%, #06192d 75%, #031020 100%);
  border: 1px solid #1f5787; border-radius: 20px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.8), 0 0 30px rgba(10, 198, 250, 0.22), inset 0 1px 2px rgba(162, 229, 255, 0.3);
  text-align: center; color: #fff; transform: translateY(8px) scale(0.98);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.shangan-ai-loader-overlay.active .shangan-ai-loader-card {
  transform: translateY(0) scale(1);
}
.shangan-ai-loader-icon-box {
  width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 50%;
  background: radial-gradient(circle at 40% 30%, #155592, #072242);
  border: 1px solid #2378bd;
  display: grid; place-items: center; font-size: 26px;
  box-shadow: 0 0 20px rgba(10, 198, 250, 0.4);
  animation: shangan-loader-pulse 2s infinite ease-in-out;
}
@keyframes shangan-loader-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 18px rgba(10, 198, 250, 0.35); }
  50% { transform: scale(1.06); box-shadow: 0 0 28px rgba(10, 198, 250, 0.65); }
}
.shangan-ai-loader-title {
  font-size: 20px; font-weight: 800; margin: 0 0 8px; color: #f4f6ff; letter-spacing: 0.5px;
}
.shangan-ai-loader-desc {
  font-size: 13px; color: #9ec5ed; line-height: 1.6; min-height: 42px; margin: 0 0 18px;
  transition: opacity 0.2s ease;
}
.shangan-ai-loader-track {
  height: 8px; border-radius: 99px; background: #081d33; border: 1px solid #18436b;
  overflow: hidden; position: relative; margin-bottom: 10px;
}
.shangan-ai-loader-bar {
  height: 100%; width: 0%; border-radius: 99px;
  background: linear-gradient(90deg, #1072e6, #0ac6fa 65%, #a2e5ff);
  box-shadow: 0 0 14px rgba(10, 198, 250, 0.7);
  transition: width 0.35s ease;
}
.shangan-ai-loader-meta {
  display: flex; justify-content: space-between; font-size: 12px; color: #6e97c4; font-weight: 500;
}
.shangan-ai-loader-tip {
  font-size: 12px; color: #5880aa; margin-top: 14px; padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Global Centered Toast Notification Component */
.shangan-toast-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.94);
  z-index: 999998;
  width: min(500px, calc(100vw - 36px));
  max-width: 90vw;
  padding: 18px 18px 18px 20px;
  border-radius: 16px;
  background: radial-gradient(circle at 50% 0%, #0d3056 0%, #061e38 75%, #041427 100%);
  border: 1px solid #206fa5;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 25px rgba(10, 198, 250, 0.22), inset 0 1px 2px rgba(162, 229, 255, 0.25);
  color: #eaf4ff;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.shangan-toast-center.active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}
.shangan-toast-center.error {
  background: radial-gradient(circle at 50% 0%, #44172e 0%, #250b1a 75%, #15050f 100%);
  border-color: #a83d65;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 68, 120, 0.25), inset 0 1px 2px rgba(255, 170, 195, 0.25);
}
.shangan-toast-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10599a, #072e54);
  border: 1px solid #2985cf;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #38d6ff;
  font-size: 16px;
  font-weight: 700;
  margin-top: 1px;
}
.shangan-toast-center.error .shangan-toast-icon {
  background: linear-gradient(135deg, #7c1a3b, #440e21);
  border-color: #cf3a68;
  color: #ff688f;
}
.shangan-toast-content {
  flex: 1;
  min-width: 0;
}
.shangan-toast-text {
  font-size: 14px;
  line-height: 1.65;
  color: #dbeaff;
  word-break: break-word;
}
.shangan-toast-center.error .shangan-toast-text {
  color: #ffdbe5;
}
.shangan-toast-close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #8fb9de;
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  padding: 0;
  margin-top: 2px;
}
.shangan-toast-close:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  transform: scale(1.08);
}

/* Universal Entitlement Gate Modal */
.shangan-gate-overlay {
  position: fixed; inset: 0; z-index: 999998;
  display: flex; align-items: center; justify-content: center;
  background: rgba(2, 14, 27, 0.84);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  opacity: 0; pointer-events: none; transition: opacity 0.22s ease;
}
.shangan-gate-overlay.active {
  opacity: 1; pointer-events: auto;
}
.shangan-gate-card {
  position: relative; width: min(440px, calc(100vw - 32px));
  padding: 32px 26px 26px;
  background: radial-gradient(circle at 50% 0%, #0d3257 0%, #051a32 75%, #020e1d 100%);
  border: 1px solid #236fad; border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(10, 198, 250, 0.2), inset 0 1px 2px rgba(162, 229, 255, 0.3);
  text-align: center; color: #fff; transform: translateY(8px) scale(0.98);
  transition: transform 0.22s ease;
}
.shangan-gate-overlay.active .shangan-gate-card {
  transform: translateY(0) scale(1);
}
.shangan-gate-close {
  position: absolute; top: 12px; right: 14px; background: none; border: none;
  font-size: 26px; color: #8ba8cd; cursor: pointer; padding: 4px 8px; line-height: 1;
}
.shangan-gate-close:hover { color: #fff; }
.shangan-gate-icon { font-size: 42px; margin-bottom: 12px; }
.shangan-gate-title { font-size: 20px; font-weight: 800; margin: 0 0 8px; color: #f4f8ff; }
.shangan-gate-desc { font-size: 14px; line-height: 1.6; color: #a4c4e8; margin: 0 0 22px; }
.shangan-gate-actions { display: flex; flex-direction: column; gap: 10px; }
.shangan-gate-btn-primary {
  width: 100%; height: 46px; border-radius: 10px; font-weight: 700; font-size: 15px;
  background: linear-gradient(110deg, #1fa8ff, #0077ff); color: #fff;
  border: 1px solid #5ad8ff; box-shadow: inset 0 1px 2px #adf1ff66;
  cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: center;
}
.shangan-gate-btn-primary:hover { filter: brightness(1.15); }
.shangan-gate-btn-secondary {
  width: 100%; height: 40px; border-radius: 10px; font-weight: 600; font-size: 14px;
  background: #082444; color: #72c6ff; border: 1px solid #1a4f7e;
  cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: center;
}
.shangan-gate-btn-secondary:hover { background: #0c335e; color: #a2e0ff; }
.shangan-gate-cancel {
  margin-top: 4px; background: none; border: none; font-size: 12px; color: #7899bd; cursor: pointer;
}
.shangan-gate-cancel:hover { color: #adcbe8; }

/* Site Footer & ICP/Filing */
.site-footer {
  margin-top: 56px;
  padding: 24px 16px 36px;
  border-top: 1px solid #13395b;
  background: rgba(2, 14, 27, 0.7);
  text-align: center;
  font-size: 13px;
  color: #7ca4cb;
  line-height: 1.8;
  position: relative;
  z-index: 2;
}
.site-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.site-footer-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 14px;
}
.site-footer a {
  color: #9ac2e6;
  text-decoration: none;
  transition: color 0.15s ease;
}
.site-footer a:hover {
  color: #38c8f5;
  text-decoration: underline;
}
.site-footer-divider {
  color: #1a4975;
  user-select: none;
}
@media (max-width: 600px) {
  .site-footer {
    margin-top: 36px;
    padding: 20px 12px 28px;
    font-size: 12px;
  }
  .site-footer-info {
    flex-direction: column;
    gap: 4px;
  }
  .site-footer-divider {
    display: none;
  }
}