:root{color:#1d1d1f;font-synthesis:none;--blue:#0672f9;--blue-dark:#005fd7;--muted:#6e6e73;--line:#e5e5ea;--workspace:#f5f5f7;--green:#18a957;--navy:#03152c;--radius:12px;background:#fff;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}main{min-height:calc(100vh - 64px)}.container{width:min(1240px,100% - 48px);margin:0 auto}.page-stack{flex-direction:column;gap:28px;padding:24px 0 54px;display:flex}.site-header{border-bottom:1px solid var(--line);z-index:50;background:#fffffff5;height:64px;position:sticky;top:0}.header-inner{align-items:center;gap:54px;width:min(1400px,100% - 48px);height:100%;margin:auto;display:flex}.logo{letter-spacing:-1.2px;font-size:27px;font-weight:800}.nav{align-self:stretch;gap:38px;display:flex}.nav a,.orders-link{align-items:center;font-size:15px;display:flex;position:relative}.nav a:after,.orders-link:after{content:"";background:var(--blue);height:3px;transition:all .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a.active,.orders-link.active{color:var(--blue)}.nav a.active:after,.orders-link.active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:26px;height:100%;margin-left:auto;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:var(--workspace)}.mobile-menu{background:0 0;border:0;padding:8px;display:none}.hero{color:#fff;background-position:50%;background-size:cover;border-radius:16px;align-items:center;height:308px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#01091533,#0000 55%);position:absolute;inset:0}.hero-copy{z-index:1;width:46%;padding:0 70px;position:relative}.hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:34px;line-height:1.2}.hero p{color:#e4e8f2;margin-bottom:26px;font-size:17px}.hero-actions{align-items:center;gap:26px;display:flex}.button{color:#fff;background:linear-gradient(#0878ff,#0568ea);border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 25px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #0071e324}.button:hover{background:var(--blue-dark);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;background:#b9c9db;transform:none}.button.small{min-height:36px;padding:0 16px}.text-action{color:var(--blue);background:0 0;border:0;align-items:center;gap:3px;font-weight:500;display:inline-flex}.hero .text-action{color:#fff}.text-action svg,.section-title a svg{width:16px;height:16px}.search-bar{z-index:2;background:#fff;border:1px solid #dcdfe5;border-radius:9px;align-items:center;width:calc(100% - 140px);height:48px;margin:-10px auto 0;padding-left:16px;display:flex;position:relative}.search-bar input{border:0;outline:0;flex:1;padding:0 14px;font-size:14px}.search-bar button{background:var(--blue);color:#fff;border:0;border-radius:0 8px 8px 0;align-self:stretch;width:98px}.filter-tabs{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filter-tabs button,.filter-tabs a{border:1px solid var(--line);color:#343438;background:#fff;border-radius:7px;padding:8px 18px}.filter-tabs .active{border-color:var(--blue);background:var(--blue);color:#fff}.section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title h2{margin:0;font-size:19px}.section-title a{color:var(--blue);align-items:center;font-size:14px;display:flex}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.toolbar>span{color:var(--muted);font-size:14px}.product-grid{grid-template-columns:repeat(4,1fr);gap:4px 24px;display:grid}.product-row{border-bottom:1px solid #efeff2;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:12px 0;display:grid}.product-row:hover .product-copy strong{color:var(--blue)}.product-icon{color:#fff;border-radius:11px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px 1px #ffffff61,0 4px 12px #0c21401f}.product-icon svg{width:27px;height:27px}.product-icon.lg{border-radius:15px;width:68px;height:68px}.product-icon.lg svg{width:39px;height:39px}.product-icon.sm{border-radius:8px;width:32px;height:32px}.product-icon.sm svg{width:18px;height:18px}.product-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.product-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.product-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.product-copy em{color:#8b8b91;white-space:nowrap;font-size:11px;font-style:normal}.product-price{font-size:12px}.product-get{color:var(--blue);font-size:12px}.course-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.course-grid.four{grid-template-columns:repeat(3,1fr);gap:20px}.course-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;transition:all .2s}.course-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #14274a17}.course-art{color:#fff;background:radial-gradient(circle at 75% 30%,#174293,#061633 50%,#020814);border-radius:7px;flex-direction:column;justify-content:center;height:165px;padding:30px;display:flex;position:relative;overflow:hidden}.course-art:after{content:"";border:1px solid #5e89ff80;border-radius:10px;width:210px;height:125px;position:absolute;top:22px;right:-20px;transform:perspective(300px)rotateY(-20deg);box-shadow:inset 0 0 40px #0071e333}.course-art.green{background:radial-gradient(circle at 78% 40%,#0a5b56,#03221f 52%,#02100f)}.course-art.purple{background:radial-gradient(circle at 78% 35%,#441383,#17052f 52%,#0d021c)}.course-art.navy{background:radial-gradient(circle at 78% 35%,#174d82,#061527 52%,#030b15)}.course-art span{z-index:1;font-size:22px;font-weight:700}.course-art small{color:#d5dcf2;z-index:1;margin-top:8px;font-size:13px}.course-art svg{opacity:.75;z-index:2;width:55px;height:55px;position:absolute;top:55px;right:55px}.course-meta{justify-content:space-between;align-items:flex-end;padding:13px 6px 6px;display:flex}.course-meta div{flex-direction:column;gap:5px;display:flex}.course-meta strong{font-size:14px}.course-meta small{color:var(--muted);font-size:12px}.course-meta b{font-size:14px}.knowledge-grid{grid-template-columns:1fr 1fr;gap:0 44px;display:grid}.knowledge-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px 0;display:grid}.knowledge-row>span:not(.product-icon){flex-direction:column;gap:4px;display:flex}.knowledge-row small,.knowledge-row em{color:var(--muted);font-size:12px;font-style:normal}.knowledge-row>svg{color:#9a9aa1;width:17px}.breadcrumbs{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumbs span{align-items:center;gap:6px;display:flex}.breadcrumbs svg{width:14px}.detail-page{padding:18px 0 50px}.product-summary{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:20px 0 24px;display:flex}.product-summary h1{margin-bottom:6px;font-size:25px}.product-summary p{margin-bottom:9px}.product-summary div:nth-child(2){flex-direction:column;display:flex}.product-summary small{color:var(--muted)}.product-summary em{color:#159447;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-style:normal;display:flex}.product-summary em svg{width:16px}.buy-box{text-align:center;flex-direction:column;gap:9px;min-width:145px;margin-left:auto;display:flex}.buy-box b{font-size:27px}.buy-box small{font-size:12px}.detail-columns{grid-template-columns:minmax(0,1fr) 320px;gap:38px;padding-top:22px;display:grid}.detail-main h2{margin:0 0 12px;font-size:19px}.detail-main h2:not(:first-child){margin-top:24px}.detail-main p,.detail-main li{color:#414146;font-size:14px;line-height:1.75}.detail-main h3{font-size:15px}.detail-main h3 small{color:var(--muted);margin-left:8px;font-weight:400}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px}.panel h2{font-size:19px}.panel h3{font-size:17px}.delivery-panel{align-self:start;position:sticky;top:84px}.feature-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:15px 0;display:flex}.feature-row>span{width:42px;height:42px;color:var(--blue);background:#edf4ff;border-radius:50%;place-items:center;display:grid}.feature-row:nth-child(3)>span{color:var(--green);background:#eaf9f0}.feature-row:nth-child(4)>span{color:#e69a00;background:#fff4df}.feature-row:nth-child(5)>span{color:#7a3ef0;background:#f3edff}.feature-row div{flex-direction:column;gap:5px;display:flex}.feature-row small{color:var(--muted);font-size:12px;line-height:1.45}.delivery-panel>a,.order-detail aside .panel>a{color:var(--blue);border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;font-size:14px;display:flex}.app-preview{color:#dbe8ff;background:#061a36;border-radius:10px;grid-template-columns:155px 1fr;gap:15px;height:330px;padding:18px;display:grid}.app-sidebar{border-right:1px solid #1b3355;flex-direction:column;gap:12px;padding:8px;font-size:12px;display:flex}.app-sidebar span:first-child{background:var(--blue);border-radius:5px;padding:8px}.app-work{flex-direction:column;gap:18px;display:flex}.drop-zone{border:1px dashed #3d6595;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;display:flex}.drop-zone svg{width:40px;height:40px}.drop-zone button{background:var(--blue);color:#fff;border:0;border-radius:5px;padding:7px 20px}.fake-table{gap:8px;display:grid}.fake-table i{background:#17385f;border-radius:5px;height:10px}.thumb-row{gap:14px;margin-top:10px;display:flex}.thumb-row div{background:#071a35;border:2px solid #0000;border-radius:6px;width:160px;height:65px}.thumb-row div:first-child{border-color:var(--blue)}.related-row{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.course-detail-top{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:38px;padding:18px 0;display:grid}.video-player{color:#fff;background:#06152e;border-radius:11px;flex-direction:column;height:420px;display:flex;overflow:hidden}.video-ui{background:linear-gradient(135deg,#0f2c5b,#07142c);border:1px solid #27518d;border-radius:9px;flex:1;place-items:center;margin:24px;font-size:20px;font-weight:700;display:grid;position:relative}.video-ui>div{position:absolute;top:28px;left:28px}.video-ui button{color:#fff;background:#0d1d39;border:1px solid #73839c;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.video-ui button svg{width:30px;height:30px}.video-controls{align-items:center;gap:12px;height:46px;padding:0 20px;display:flex}.video-controls i{background:#586a86;flex:1;height:3px}.course-purchase{flex-direction:column;padding:8px 0;display:flex}.course-purchase h1{margin-bottom:12px;font-size:31px}.course-purchase>strong,.course-purchase>small,.course-purchase>em{align-items:center;gap:8px;margin:12px 0;display:flex}.course-purchase>small,.course-purchase>em{color:var(--muted);font-style:normal}.course-purchase>b{margin:25px 0;font-size:29px}.tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:26px;display:flex}.tabs button{color:#3a3a3f;background:0 0;border:0;padding:13px 0;position:relative}.tabs button.active{color:var(--blue)}.tabs button.active:after{content:"";background:var(--blue);height:3px;position:absolute;bottom:-1px;left:0;right:0}.check-list{border:1px solid var(--line);border-radius:9px}.check-list span{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 16px;font-size:14px;display:flex}.check-list span:last-child{border-bottom:0}.check-list svg{color:var(--blue);width:18px}.lesson-list{border:1px solid var(--line);border-radius:9px}.lesson-list>div{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:grid}.lesson-list>div:last-child{border:0}.lesson-list small{color:var(--muted)}.course-info{align-self:start}.course-info p{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.course-info p span{color:var(--muted)}.course-info p b{font-weight:500}.tick{align-items:flex-start;gap:8px;margin:13px 0;font-size:13px;display:flex}.tick svg{color:var(--blue);flex:none;width:17px}.knowledge-detail-head{grid-template-columns:58% 1fr;gap:38px;padding:18px 0 24px;display:grid}.knowledge-cover{border-radius:12px;height:250px;overflow:hidden}.knowledge-cover img{object-fit:cover;object-position:center;width:100%;height:100%}.knowledge-detail-head>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.knowledge-detail-head h1{font-size:30px}.knowledge-detail-head small{color:var(--muted)}.knowledge-detail-head b{margin:20px 0;font-size:27px}.article{max-width:800px}.chapter{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr auto;padding:14px 8px;font-size:14px;display:grid}.chapter span,.chapter small{color:var(--muted)}.checkout{padding:18px 0 60px}.checkout-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:90px;margin-top:38px;display:grid}.checkout h1{font-size:29px}.checkout-grid>section>h2{margin:26px 0 12px;font-size:19px}.checkout-product{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding-bottom:18px;display:grid}.checkout-product h2{margin:0 0 5px}.checkout-product p{color:var(--muted);margin:0}.checkout-product>b{font-size:22px}.checkout label,.editor-form label{flex-direction:column;gap:8px;margin-bottom:17px;font-size:14px;display:flex}.checkout input,.editor-form input,.editor-form textarea,.editor-form select{background:#fff;border:1px solid #d8dbe1;border-radius:7px;outline:none;min-height:44px;padding:10px 13px}.checkout input:focus,.editor-form input:focus,.editor-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e314}.checkout-grid>section>small{color:#85858a}.payment-option{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:12px;width:100%;height:48px;margin-bottom:10px;padding:0 16px;display:flex}.payment-option.active{border-color:var(--blue)}.payment-option i{border:2px solid #cfd3da;border-radius:50%;width:20px;height:20px;margin-left:auto}.payment-option.active i{border:6px solid var(--blue)}.payment-option:first-of-type svg{color:#0caf3d}.coupon{gap:12px;display:flex}.coupon input{flex:1}.coupon button{border:1px solid var(--line);width:120px;color:var(--blue);background:#fff;border-radius:7px}.order-summary{align-self:start;position:sticky;top:84px}.order-summary>p,.order-receipt>p{justify-content:space-between;margin:18px 0;display:flex}.order-summary .total,.order-receipt .total{font-size:18px}.order-summary .total b,.order-receipt .total b{font-size:25px}.order-summary>.button{width:100%;margin:5px 0 12px}.order-summary>small{text-align:center;color:var(--muted);display:block}.success-page{text-align:center;flex-direction:column;align-items:center;padding:70px 0;display:flex}.success-mark{width:48px;height:48px;color:var(--green)}.success-page h1{margin:18px 0 8px;font-size:31px}.success-page>p{color:var(--muted)}.success-product{border:1px solid var(--line);text-align:left;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;width:min(720px,100%);margin:28px 0;padding:22px;display:grid}.success-product>span{flex-direction:column;display:flex}.success-product small{color:var(--muted);margin-top:4px}.success-steps{grid-template-columns:repeat(3,1fr);width:min(720px,100%);margin:12px 0 35px;display:grid}.success-steps span{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:7px;display:flex}.success-steps span:last-child{border:0}.success-steps svg{color:var(--blue)}.success-steps small{color:var(--muted);font-size:12px}.account-layout{grid-template-columns:330px 1fr;min-height:calc(100vh - 64px);display:grid}.account-sidebar{border-right:1px solid var(--line);padding:45px 28px 30px 50px}.account-user{align-items:center;gap:15px;margin-bottom:32px;display:flex}.account-user>span{width:56px;height:56px;color:var(--blue);background:#e6eeff;border-radius:50%;place-items:center;font-size:25px;display:grid}.account-user div{flex-direction:column;gap:5px;display:flex}.account-user small{color:var(--muted)}.account-sidebar>a{border-radius:7px;align-items:center;gap:15px;margin-bottom:5px;padding:13px 16px;display:flex}.account-sidebar>a.active{color:var(--blue);background:#eef4ff}.orders-content{max-width:1200px;padding:36px 55px}.orders-content>h1{margin-bottom:7px;font-size:28px}.orders-content>p{color:var(--muted)}.orders-toolbar{justify-content:space-between;align-items:center;margin:30px 0 8px;display:flex}.mini-search{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;height:40px;padding:0 12px;display:flex}.mini-search svg{color:var(--muted)}.mini-search input{border:0;outline:0;min-width:190px;padding-left:10px}.order-row{border-bottom:1px solid var(--line);grid-template-columns:220px auto minmax(150px,1fr) 65px auto auto;align-items:center;gap:18px;padding:20px 0;display:grid}.order-id,.order-name{flex-direction:column;gap:6px;display:flex}.order-id small,.order-name small{color:var(--muted)}.order-id em{color:var(--green);font-size:12px;font-style:normal}.outline-button{background:#fff;border:1px solid #d8dbe1;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 15px;display:inline-flex}.outline-button:hover{background:#fafafa;border-color:#aab2bf}.help-strip{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-top:32px;padding:15px 20px;display:flex}.help-strip a{color:var(--blue);align-items:center;display:flex}.order-detail{padding:20px 0 60px}.order-detail>h1{margin:20px 0 8px;font-size:27px}.status-line{color:var(--green);align-items:center;gap:15px;margin-bottom:15px;display:flex}.status-line svg{width:18px}.status-line span{color:var(--muted);font-size:12px}.delivery-card .delivery-product{align-items:center;gap:18px;margin-bottom:20px;display:flex}.delivery-product h2{margin:0 0 5px}.delivery-product p{margin:0 0 7px}.delivery-card>.button{margin:0 0 18px 86px}.copy-field{align-items:center;margin-top:12px;display:flex}.copy-field label{margin-right:18px}.copy-field input{border:1px solid var(--line);background:#fafafa;border-radius:6px 0 0 6px;flex:1;height:36px;padding:0 12px}.copy-field button{border:1px solid var(--line);height:36px;color:var(--blue);background:#fff;border-left:0;border-radius:0 6px 6px 0;align-items:center;gap:5px;padding:0 14px;display:flex}.copy-field button svg{width:16px}.install-step{grid-template-columns:28px 95px 1fr;align-items:center;margin:18px 0;display:grid}.install-step>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.install-step p{color:var(--muted);margin:0}.timeline{grid-template-columns:14px 145px 1fr;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.timeline i{background:#bbc2cd;border-radius:50%;width:10px;height:10px}.timeline i.done{background:var(--green)}.timeline small{color:var(--muted)}.login-page{background:#fbfbfc;min-height:100vh}.login-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 46px;display:flex}.login-card{border:1px solid var(--line);border-radius:14px;grid-template-columns:3fr 2fr;width:min(1240px,100% - 48px);height:690px;margin:58px auto;display:grid;overflow:hidden;box-shadow:0 10px 35px #14233c12}.login-visual{color:#fff;background-position:58%;background-size:cover;padding:95px 65px}.login-visual h1{font-size:30px}.login-card form{background:#fff;padding:75px 70px}.login-card form>h1{font-size:30px}.login-card form>p{color:var(--muted);margin-bottom:24px}.login-card form>input,.code-input{border:1px solid var(--line);border-radius:7px;width:100%;height:47px;margin-bottom:14px}.login-card form>input{padding:0 14px}.code-input{display:flex}.code-input input{border:0;outline:0;flex:1;padding:0 14px}.code-input button{border:0;border-left:1px solid var(--line);color:var(--blue);background:#fff;padding:0 16px}.login-card form>.button,.wechat{width:100%;height:47px}.divider{color:var(--muted);align-items:center;gap:12px;margin:24px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.wechat{border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:7px}.agree{color:var(--muted);align-items:flex-start;gap:9px;margin-top:30px;font-size:12px;display:flex}.help-hero{background:linear-gradient(#fff,#f7f9fc);flex-direction:column;justify-content:center;align-items:center;height:225px;display:flex}.help-hero h1{margin-bottom:8px;font-size:31px}.help-hero p{color:var(--muted)}.help-search{width:min(580px,100% - 48px);height:44px;display:flex}.help-search input{border:1px solid #d6dbe2;border-radius:7px 0 0 7px;flex:1;padding:0 14px}.help-search button{background:var(--blue);color:#fff;border:0;border-radius:0 7px 7px 0;width:60px}.help-content{padding:32px 0 50px}.help-content>h2{font-size:19px}.help-categories{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.help-categories>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:45px 1fr;padding:21px;display:grid}.help-categories>div:nth-child(3n){border-right:0}.help-categories>div:nth-last-child(-n+3){border-bottom:0}.help-categories svg{width:32px;height:32px;color:var(--blue);grid-row:1/3}.help-categories small{color:var(--blue);align-items:center;margin-top:6px;display:flex}.help-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:35px;margin-top:30px;display:grid}.faq{border:1px solid var(--line);border-bottom:0}.faq:first-of-type{border-radius:8px 8px 0 0}.faq:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 8px 8px}.faq button{background:#fff;border:0;justify-content:space-between;width:100%;padding:13px 16px;display:flex}.faq.open svg{transform:rotate(180deg)}.faq p{color:var(--muted);padding:4px 20px 15px;font-size:13px;line-height:1.6}.support-card{align-self:start}.support-card p{color:var(--muted);line-height:1.6}.support-card>.outline-button{width:100%;margin:6px 0}.support-card h3{margin-top:28px}.admin-shell{background:#f7f8fa;grid-template-columns:216px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#061a36,#021328);flex-direction:column;width:216px;padding:24px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-logo{padding:4px 10px 24px;font-size:22px;font-weight:800}.admin-logo span{font-size:16px;font-weight:400}.admin-sidebar nav{flex-direction:column;gap:6px;display:flex}.admin-sidebar nav a{color:#e2eaf6;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.admin-sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#075acb,#0874ed)}.admin-user{border-top:1px solid #29405b;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 0;display:flex}.admin-user>span{width:38px;height:38px;color:var(--blue);background:#e9f1ff;border-radius:50%;place-items:center;display:grid}.admin-user>div{flex-direction:column;display:flex}.admin-user small{color:#abb8c9;font-size:12px}.admin-main{grid-column:2;min-width:0}.admin-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 25px;display:flex}.admin-top h1{margin:0;font-size:24px}.admin-top>div{align-items:center;gap:12px;display:flex}.admin-content{padding:22px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;gap:12px;min-height:145px;padding:22px;display:flex;position:relative}.stat-card>b{font-size:30px}.stat-card small{color:var(--green)}.stat-card>i{width:48px;height:48px;color:var(--blue);background:#e8f1ff;border-radius:12px;place-items:center;display:grid;position:absolute;top:25px;right:20px}.stat-grid.compact .stat-card{min-height:100px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;display:grid}.chart-card{height:310px}.chart{background:repeating-linear-gradient(0deg,#0000 0 52px,#e7ebf0 53px);height:215px;padding:5px}.chart svg{width:100%;height:100%;overflow:visible}.chart polyline{fill:#0071e314;stroke:var(--blue);stroke-width:3px}.donut-card{grid-template-columns:190px 1fr;align-items:center;display:grid}.donut-card>.section-title{grid-column:1/3}.donut{background:conic-gradient(var(--blue) 0 99.5%,#f59e0b 99.5%);border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:105px;height:105px}.donut span{z-index:1;flex-direction:column;grid-area:1/1;align-items:center;font-size:27px;font-weight:700;display:flex}.donut small{color:var(--muted);font-size:12px;font-weight:400}.legend p{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:10px;display:flex}.legend p b{margin-left:auto}.legend i{border-radius:50%;width:9px;height:9px}.blue{background:var(--blue)}.orange{background:#f59e0b}.red{background:#ef334e}.table-panel{min-width:0}.data-table{font-size:12px;overflow-x:auto}.table-head,.table-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1.5fr 1fr .7fr .8fr .6fr;align-items:center;gap:12px;min-width:700px;padding:10px 0;display:grid}.table-head{color:var(--muted)}.table-product{align-items:center;gap:8px;display:flex}.status{border-radius:5px;padding:4px 8px;font-size:12px;font-style:normal}.status.success{color:var(--green);background:#eaf8ef}.ranking{margin:0;padding:0;list-style:none}.ranking li{border-bottom:1px solid var(--line);grid-template-columns:28px auto 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.ranking li>b{background:#f2f3f5;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.ranking li:first-child>b{color:#fff;background:#ffc21c}.ranking em{font-style:normal}.product-admin-toolbar{justify-content:space-between;margin-bottom:15px;display:flex}.products-table .table-head,.products-table .table-row{grid-template-columns:2fr .7fr .7fr .7fr .8fr 1fr;padding:12px}.editor-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:110px;padding:0 36px;display:flex}.editor-top h1{margin:8px 0 0;font-size:25px}.editor-top>div:last-child{gap:10px;display:flex}.editor-content{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.editor-form{padding:0 22px 22px}.editor-form .tabs{margin-left:-22px;margin-right:-22px;padding:0 22px}.editor-form textarea{resize:vertical;min-height:100px}.form-pair{grid-template-columns:1fr 1fr;gap:28px;display:grid}.checks{align-items:center;min-height:44px;display:flex}.checks input{min-height:auto}.upload-row{gap:12px;display:flex}.upload-icon,.screenshot-thumb,.upload-box{border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:130px;height:125px;display:flex}.upload-icon button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 9px}.screenshot-thumb{color:#5d7290;background:linear-gradient(135deg,#edf3fb,#d9e6f7);font-size:12px}.upload-box{color:var(--muted);background:#fff;border-style:dashed}.radio-row{gap:40px;display:flex}.editor-preview{align-self:start;position:sticky;top:20px}.preview-product{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.preview-product span{flex-direction:column;gap:5px;display:flex}.preview-product small{color:var(--muted);font-size:11px}.editor-preview h3{justify-content:space-between;margin:22px 0 10px;font-size:14px;display:flex}.editor-preview h3 b{color:var(--blue)}.progress{background:#e6e8ec;border-radius:4px;height:7px}.progress i{background:var(--blue);border-radius:4px;width:92%;height:100%;display:block}.editor-preview p{align-items:center;gap:8px;font-size:13px;display:flex}.editor-preview p svg{width:16px;color:var(--green)}.editor-preview p.muted svg{color:#9da4af}.editor-preview>.button{width:100%;margin-top:15px}.exception{align-items:center;gap:16px;margin-top:16px;display:flex}.exception>svg{color:var(--green);width:34px;height:34px}.exception div{flex:1}.exception h3{margin:0 0 4px}.exception p{color:var(--muted);margin:0}.not-found{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.not-found h1{color:var(--blue);margin-bottom:0;font-size:80px}@media (width<=1100px){.product-grid,.course-grid,.course-grid.four{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:minmax(0,1fr) 280px}.account-layout{grid-template-columns:250px 1fr}.account-sidebar{padding-left:28px}.orders-content{padding:35px 30px}.order-row{grid-template-columns:190px auto 1fr auto}.order-row>strong{display:none}.checkout-grid{gap:35px}.admin-shell{grid-template-columns:80px 1fr}.admin-sidebar{width:80px}.admin-logo{padding-left:0;font-size:16px}.admin-logo span,.admin-sidebar nav a{font-size:0}.admin-sidebar nav a{justify-content:center}.admin-sidebar nav a svg{width:22px;height:22px}.admin-user div{display:none}.admin-user{justify-content:center}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-main{grid-column:2}.editor-content{grid-template-columns:1fr}.editor-preview{position:static}.hero-copy{width:55%;padding-left:45px}}@media (width<=760px){.container{width:min(100% - 28px,1240px)}.site-header{height:58px}.header-inner{gap:14px;width:calc(100% - 28px)}.logo{font-size:23px}.mobile-menu{place-items:center;margin-left:auto;display:grid}.nav{border-bottom:1px solid var(--line);background:#fff;height:auto;padding:8px 14px;display:none;position:absolute;top:58px;left:0;right:0;box-shadow:0 12px 20px #00000014}.nav.open{flex-direction:column;gap:0;display:flex}.nav a{height:45px}.header-actions{gap:7px;margin-left:0}.header-actions .icon-button{display:none}.orders-link{font-size:13px}.hero{background-position:66%;align-items:flex-start;height:390px}.hero:before{content:"";background:linear-gradient(#01091566,#0000 65%);position:absolute;inset:0}.hero-copy{width:100%;padding:34px 24px}.hero h1{max-width:310px;font-size:28px}.hero p{max-width:300px;font-size:15px}.hero-actions{gap:16px}.search-bar{width:100%;margin-top:0}.search-bar button{width:70px}.product-grid,.knowledge-grid,.course-grid,.course-grid.four,.related-row{grid-template-columns:1fr}.course-grid{gap:14px}.course-art{height:170px}.toolbar{align-items:flex-start;gap:12px}.toolbar>span{display:none}.product-summary{flex-wrap:wrap;align-items:flex-start}.product-summary>div:nth-child(2){flex:1;min-width:190px}.buy-box{grid-template-columns:1fr 2fr;width:100%;display:grid}.buy-box small{grid-column:1/3}.detail-columns{grid-template-columns:1fr}.delivery-panel,.order-summary{position:static}.app-preview{grid-template-columns:95px 1fr;height:280px}.app-sidebar{font-size:10px}.thumb-row div{flex:1;width:auto}.course-detail-top,.knowledge-detail-head{grid-template-columns:1fr}.video-player{height:300px}.course-purchase h1{font-size:27px}.course-info{order:-1}.checkout-grid{grid-template-columns:1fr}.checkout-grid>aside{order:-1}.checkout-grid{margin-top:20px}.success-product{grid-template-columns:auto 1fr auto}.success-product>.button{grid-column:1/4}.success-steps{grid-template-columns:1fr;gap:16px}.success-steps span{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.account-layout{grid-template-columns:1fr}.account-sidebar{display:none}.orders-content{padding:26px 14px}.orders-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.mini-search{width:100%}.mini-search input{flex:1;min-width:0}.order-row{grid-template-columns:auto 1fr auto;gap:12px}.order-id{grid-column:1/4}.order-row>.button,.order-row>.outline-button{grid-column:auto}.status-line{flex-wrap:wrap;align-items:flex-start}.delivery-card>.button{margin-left:0}.login-card{grid-template-columns:1fr;height:auto;margin:25px auto}.login-visual{height:270px;padding:35px 28px}.login-card form{padding:35px 24px}.help-categories{grid-template-columns:1fr}.help-categories>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.help-categories>div:last-child{border-bottom:0!important}.help-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{z-index:50;flex-direction:row;align-items:center;width:100%;height:58px;padding:8px 12px;position:sticky;top:0}.admin-logo{padding:0}.admin-sidebar nav{flex-direction:row;margin-left:auto}.admin-sidebar nav a{display:none}.admin-sidebar nav a.active{padding:9px;display:flex}.admin-user{display:none}.admin-main{width:100%}.admin-top{padding:0 14px}.admin-top .mini-search,.admin-top>.outline-button,.admin-top>div>.outline-button{display:none}.admin-content{padding:14px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:115px;padding:16px}.stat-card>b{font-size:24px}.stat-card>i{display:none}.donut-card{grid-template-columns:1fr}.donut-card>.section-title{grid-column:1}.donut{margin:auto}.editor-top{align-items:flex-start;gap:15px;height:auto;padding:16px}.editor-top>div:last-child{flex-wrap:wrap;justify-content:flex-end}.editor-content{padding:14px}.form-pair{grid-template-columns:1fr;gap:0}.upload-row{overflow-x:auto}.upload-icon,.screenshot-thumb,.upload-box{flex:0 0 115px}.radio-row{flex-direction:column;gap:8px}.chart-card{height:270px}.product-admin-toolbar{flex-direction:column;gap:12px}.table-panel{overflow:hidden}}.page-stack.container{width:min(1408px,100% - 48px)}.page-stack>section,.page-stack>.filter-tabs{width:min(1240px,100% - 140px);margin-left:auto;margin-right:auto}.course-art{background-image:linear-gradient(90deg,#020e20f0,#04112b40),url(/assets/course-hero.png);background-position:68%;background-size:cover}.course-art.green{background-image:linear-gradient(90deg,#011f1cf2,#004e4647),url(/assets/course-hero.png);background-position:56%}.course-art.purple{background-image:linear-gradient(90deg,#1a0333f5,#5b18a04d),url(/assets/course-hero.png);background-position:78%}.course-art.navy{background-image:linear-gradient(90deg,#031425f5,#114a8040),url(/assets/knowledge-hero.png);background-position:64%}@media (width<=760px){.page-stack.container{width:min(100% - 28px,1408px)}.page-stack>section,.page-stack>.filter-tabs{width:100%}.editor-content,.editor-form{min-width:0}.editor-form{overflow:hidden}.editor-form .tabs{white-space:nowrap;scrollbar-width:none;max-width:calc(100% + 44px);overflow-x:auto}.editor-form .tabs::-webkit-scrollbar{display:none}.editor-form input,.editor-form textarea,.editor-form select{width:100%;max-width:100%}.editor-top{flex-direction:column;align-items:stretch}.editor-top>div{width:100%}.editor-top>div:last-child{justify-content:flex-start}.editor-top h1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}}:root{--card-canvas:#f5f7fa;--card-surface:#fff;--card-border:#e2e7ee;--card-shadow:0 8px 24px #19305213;--card-shadow-hover:0 14px 34px #19305221;--card-radius:14px}body,main{background:var(--card-canvas)}.site-header{border-bottom-color:#d6dde6e6;box-shadow:0 2px 12px #19305209}.page-stack{padding-top:24px}.hero{border:1px solid #ffffff14;border-radius:18px;box-shadow:0 14px 34px #05142b29}.search-bar{border-color:var(--card-border);height:52px;box-shadow:var(--card-shadow);border-radius:12px}.search-bar button{border-radius:0 11px 11px 0}.filter-tabs button,.filter-tabs a{border-color:var(--card-border);background:var(--card-surface);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;box-shadow:0 3px 10px #1930520b}.filter-tabs button:hover,.filter-tabs a:hover{border-color:#b8c8dd;transform:translateY(-1px);box-shadow:0 6px 15px #19305214}.filter-tabs .active{border-color:var(--blue);box-shadow:0 6px 16px #0071e32e}.product-grid{gap:14px}.product-row{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-surface);min-height:86px;box-shadow:var(--card-shadow);padding:16px 17px;transition:transform .2s,border-color .2s,box-shadow .2s}.product-row:hover{box-shadow:var(--card-shadow-hover), 0 0 0 3px #0071e309;border-color:#0071e357;transform:translateY(-2px)}.product-row:hover .product-icon{transform:scale(1.03)}.product-icon{transition:transform .2s}.course-grid{gap:18px}.course-card{border-color:var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:9px}.course-card:hover{box-shadow:var(--card-shadow-hover);border-color:#0071e347;transform:translateY(-3px)}.course-art{border-radius:11px}.knowledge-grid{gap:14px}.knowledge-row{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-surface);min-height:88px;box-shadow:var(--card-shadow);padding:16px 18px;transition:transform .2s,border-color .2s,box-shadow .2s}.knowledge-row:hover{box-shadow:var(--card-shadow-hover);border-color:#0071e352;transform:translateY(-2px)}.detail-page,.checkout,.order-detail,.help-content{padding-top:24px}.product-summary,.knowledge-detail-head,.course-detail-top{border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);border-radius:16px;margin-top:16px;padding:24px}.product-summary{border-bottom:1px solid var(--card-border)}.detail-columns>.detail-main,.checkout-grid>section,.article{border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);border-radius:16px;padding:24px}.panel{border-color:var(--card-border);box-shadow:var(--card-shadow);border-radius:16px}.delivery-panel,.order-summary,.course-info,.support-card,.editor-preview{box-shadow:0 12px 30px #19305218}.related-row{gap:14px}.related-row .product-row{min-height:84px}.app-preview,.video-player,.knowledge-cover{box-shadow:0 12px 28px #04142b26}.checkout-grid{align-items:start}.success-page>.success-product,.success-steps{border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);border-radius:16px}.success-steps{padding:20px}.account-layout{background:var(--card-canvas)}.account-sidebar{background:var(--card-surface);box-shadow:8px 0 26px #1930520b}.order-list{gap:12px;display:grid}.order-row{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-surface);box-shadow:var(--card-shadow);padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.order-row:hover{box-shadow:var(--card-shadow-hover);border-color:#0071e342;transform:translateY(-1px)}.help-strip,.help-categories>div,.faq,.login-card{background:var(--card-surface);border-color:var(--card-border);box-shadow:var(--card-shadow)}.help-categories{border:0;gap:14px;display:grid;overflow:visible}.help-categories>div{border-radius:var(--card-radius);transition:transform .2s,box-shadow .2s;border:1px solid var(--card-border)!important}.help-categories>div:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.faq{margin-bottom:9px;overflow:hidden;border:1px solid var(--card-border)!important;border-radius:10px!important}.help-hero{background:linear-gradient(180deg, #fff, var(--card-canvas))}.admin-shell,.admin-main{background:var(--card-canvas)}.admin-top,.editor-top{box-shadow:0 3px 14px #1930520b}.stat-card,.table-panel,.chart-card,.donut-card,.editor-form,.exception{border-color:var(--card-border);box-shadow:var(--card-shadow);border-radius:16px}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.data-table .table-row{transition:background .18s}.data-table .table-row:hover{background:#f7faff}.editor-form input,.editor-form textarea,.editor-form select,.mini-search,.checkout input{background:#fbfcfe;border-color:#dce3eb}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=760px){.product-grid,.knowledge-grid,.course-grid{gap:12px}.product-row,.knowledge-row,.order-row{box-shadow:0 5px 16px #19305212}.product-summary,.knowledge-detail-head,.course-detail-top,.detail-columns>.detail-main,.checkout-grid>section,.article{padding:18px}.help-categories{gap:10px}}