/* B: large type, horizontal navigation and clear creative workspace. */
:root{--accent:#2456d9;--accent-hover:#1b43b4;--soft:#eaf0ff;--hero:#1d3770;--canvas:#f1f4fa;--rail:#f6f8fc;--field:#f8faff;--ink:#162746;--ink2:#50617c;--ink3:#667792;--line:#dce4f1;--brand:var(--accent);--brand2:var(--accent-hover);--brand-soft:var(--soft);--shadow:0 5px 23px #17346805;--head:84px;--foot:34px}
:root[data-appearance=mint]{--accent:#087f5b;--accent-hover:#066548;--soft:#e6f4ed;--hero:#164d3b;--canvas:#f0f6f3;--rail:#f6faf7;--field:#f8fcfa;--ink:#193329;--ink2:#466455;--ink3:#607b6c;--line:#dbe8e0}
:root[data-appearance=apricot]{--accent:#a95127;--accent-hover:#87401e;--soft:#faecdf;--hero:#654126;--canvas:#f9f5ef;--rail:#fcf8f2;--field:#fdfaf6;--ink:#3c2e21;--ink2:#715a45;--ink3:#87715b;--line:#eadfce}
body{font:16px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei UI','PingFang SC',sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.studio-header{height:var(--head);padding:0 28px;gap:19px;background:#fff;border-color:var(--line);z-index:40}.studio-brand{font-size:19px;font-weight:750;gap:12px;letter-spacing:-.6px}.studio-brand small{font-size:9px;letter-spacing:.6px;color:var(--ink2)}.studio-logo{width:42px;height:43px;border-radius:13px;background:var(--accent);font-size:29px}.studio-avatar{width:35px;height:35px;background:var(--soft);color:var(--accent);font-size:14px}.studio-breadcrumb{display:none}
.studio-header .nav{padding:0;margin-left:18px;display:flex;flex-direction:row;align-items:center;gap:3px;min-width:0}.nav-grp{display:none}.nav-item{padding:10px 13px;width:auto;height:43px;justify-content:center;gap:0;color:var(--ink2);border-radius:10px;margin:0;white-space:nowrap;flex-shrink:0}.nav-item .ic{display:none}.nav-item>.nav-label{position:static;transform:none;opacity:1;background:none;padding:0;box-shadow:none;color:inherit;font-size:14px;pointer-events:auto;white-space:nowrap}.nav-item.on{background:var(--soft);color:var(--accent);font-weight:700}.nav-item:hover{background:var(--field);color:var(--accent)}.nav-item.on:hover{background:var(--soft)}.nav-item:hover>.nav-label,.nav-item:focus-visible>.nav-label{transform:none}
.appearance-picker{display:flex;align-items:center;gap:7px;flex-shrink:0}.appearance-picker>span{font-size:12px;color:var(--ink2);margin-right:5px}.appearance-picker button{width:24px;height:24px;border-radius:50%;border:4px solid white;padding:0;box-shadow:0 0 0 1px #dce4f1}.appearance-picker [data-appearance=blue]{background:#2456d9}.appearance-picker [data-appearance=mint]{background:#16815e}.appearance-picker [data-appearance=apricot]{background:#b66b3b}.appearance-picker [aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}
.app{height:calc(100vh - var(--head) - var(--foot));height:calc(100dvh - var(--head) - var(--foot));max-width:1720px;margin:auto;gap:0}.main{background:var(--canvas);min-width:0;scrollbar-gutter:stable}.main>.topbar{height:49px;min-height:49px;background:#ffffffed;border-color:var(--line);padding:0 28px;gap:12px;backdrop-filter:blur(12px)}.top-title{font-size:14px;font-weight:600;color:var(--ink2)}.topbar .badge{background:var(--soft);color:var(--accent);font-size:12px;border-radius:7px;padding:4px 9px}.topbar .btn.sm{font-size:13px;padding:5px 12px;border-radius:8px}
.wrap,.wrap-narrow{max-width:1200px;margin:auto;padding:29px 32px 70px}.studio-page-intro{background:var(--hero);color:white;padding:25px 30px;border-radius:20px;position:relative;overflow:hidden;margin-bottom:22px;isolation:isolate}.studio-page-intro:after{content:'✳';font:140px/1 Georgia;position:absolute;right:30px;top:4px;color:#ffffff17;z-index:-1}.studio-page-intro small{font-size:11px;color:#d5e2ff;letter-spacing:2.2px;font-weight:600}.studio-page-intro h1{font-size:34px;line-height:1.5;letter-spacing:-.7px;color:white;font-weight:750;margin:8px 0 7px}.studio-page-intro p{font-size:15px;color:#e0e8fa;line-height:1.85;max-width:85%}.studio-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.studio-overview>div{padding:16px 20px;background:white;border:1px solid var(--line);border-radius:15px}.studio-overview span{display:block;color:var(--ink2);font-size:13px}.studio-overview b{font-size:20px;font-weight:700;display:block;margin-top:5px;color:var(--ink)}
.card{background:white;padding:27px 29px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:21px}.card h2{font-size:21px;font-weight:700;letter-spacing:-.3px;margin-bottom:22px;gap:10px;color:var(--ink)}.card h2 .tag{font-size:12px;color:var(--ink2);background:var(--soft);border-radius:7px;padding:5px 9px;letter-spacing:0;font-weight:400;max-width:100%}.card h2 .tag:empty{display:none}.btn{font-size:15px;padding:11px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink2);font-weight:500;box-shadow:none;transition:background .15s,transform .15s}.btn:hover:not(:disabled){background:var(--field);border-color:var(--accent);color:var(--accent);filter:none}.btn.p,.btn.p2{background:var(--accent);color:white;border-color:var(--accent);font-weight:650;box-shadow:0 4px 12px #243c6a0c}.btn.p:hover:not(:disabled),.btn.p2:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:white}.btn.s{color:var(--accent);background:var(--soft);border-color:var(--soft)}.btn.sm{font-size:13px;padding:7px 12px;border-radius:8px}.btn.wide{padding:13px 18px;font-size:16px}.btn.danger{background:#fff9f8;color:#ac4037;border-color:#eac8c4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.row{gap:12px}.hint{font-size:13px;line-height:1.9;color:var(--ink2)}.hint b{color:var(--accent)}.dim,.dim2,.dim3{color:var(--ink3)}label.lab{font-size:16px;font-weight:600;color:var(--ink);margin:23px 0 11px}.lab .dim3{font-size:13px;font-weight:400}
input[type=text],input[type=password],input[type=number],textarea,select,.track-sel{padding:12px 15px;font-size:16px;line-height:1.9;background:var(--field);border:1px solid var(--line);border-radius:11px;color:var(--ink)}textarea{min-height:130px}textarea::placeholder,input::placeholder{color:var(--ink3);opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--soft)}.pwd-wrap input{padding-right:64px}.pwd-wrap .eye{font-size:13px;background:var(--soft);border-radius:7px;color:var(--ink2)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.chip{font-size:14px;border-radius:8px;padding:7px 12px;border-color:var(--line);color:var(--ink2);background:var(--field)}.chip.on,.chip.active{color:var(--accent);background:var(--soft);border-color:var(--accent)}.radios label{font-size:14px;color:var(--ink2)}
.steps{gap:10px;margin-bottom:22px;padding:0;border:0}.step{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px;gap:9px;font-size:14px;color:var(--ink2);white-space:nowrap;justify-content:center}.step .n{width:25px;height:25px;background:var(--soft);color:var(--accent);border-radius:7px;font-size:11px;flex-shrink:0}.step.active{border-color:var(--accent);background:var(--soft);color:var(--accent);font-weight:600}.step.active .n{background:var(--accent);color:white}.step.done{border-color:var(--line);background:#fff;color:var(--ink2)}.step.done .n{background:#e6f3ea;color:#347e50}.kv{font-size:15px}.kv .k{color:var(--ink2);min-width:80px}.kv .v{color:var(--ink)}.angle{border-radius:13px;padding:22px;background:var(--field);border-color:var(--line);margin-bottom:17px}.angle-t{font-size:20px;color:var(--ink);font-weight:650;line-height:1.8}.angle-t .no{background:var(--accent);border-radius:7px;width:26px;height:27px;font-size:13px}.angle-meta{font-size:14px;color:var(--ink2)}.angle-meta b{color:var(--ink)}.badge{font-size:12px;padding:4px 8px;border-radius:7px}.badge.blue{color:var(--accent);background:var(--soft)}.collide-note{font-size:13px;color:var(--ink2)}
.job{background:var(--soft);border-color:var(--line);border-radius:13px;padding:18px}.job-title{font-size:15px;font-weight:650;color:var(--accent)}.job-msg{font-size:14px;color:var(--ink)}.job-tip{font-size:12px;color:var(--ink2)}.job-time{font-size:12px;border-radius:7px}.job-bar{height:4px;background:var(--line)}.job-bar>i{background:var(--accent)}.status{font-size:14px;border-radius:11px;padding:14px 16px}.draft-bar{font-size:13px;line-height:1.8;border-radius:11px;background:var(--soft);border-color:var(--line);color:var(--ink2);margin:16px 28px 0}
.article-box{background:white;font-size:17px;line-height:2;border-radius:10px;padding:27px 8px}.article-box .hu-title{font:700 28px/1.7 -apple-system,'Microsoft YaHei UI',sans-serif;color:#25324a;letter-spacing:-.5px;margin-bottom:27px}.article-box .hu-p,.article-box p{font-size:17px;line-height:2.1;color:#394a60;margin-bottom:18px}.article-box .hu-h,.article-box h3{font-size:21px;font-weight:650;color:#263c61;margin:27px 0 14px}.article-box .hu-fig-ph{font-size:13px;border-radius:10px}.article-box .cap{font-size:12px}.inline-editor{font-size:16px!important;background:var(--field)!important;border-radius:11px}.editor-help{font-size:13px;color:var(--ink2)}.editor-actionbar{border-color:var(--line)}.preview-box{border-color:var(--line);border-radius:11px}.fig-card{border-radius:13px;background:var(--field);padding:13px;border-color:var(--line)}.fig-card img{border-radius:8px}.fig-card .cap{font-size:13px;color:var(--ink2)}.fig-card.fail{font-size:14px}.figs{gap:14px}.table-scroll{border-radius:11px;border-color:var(--line)}.tbl{font-size:14px}.tbl th{font-size:13px;font-weight:600;background:var(--field);color:var(--ink2)}.tbl td,.tbl th{padding:13px 14px}.tbl td{border-color:var(--line);color:var(--ink2)}.lib-title{font-size:16px;color:var(--accent);font-weight:650}.lib-prev{font-size:13px;color:var(--ink2)}.lib-stats{gap:15px;flex-wrap:wrap;font-size:14px}.lib-stats>div{flex:1;min-width:130px;border:1px solid var(--line);padding:16px 20px;background:var(--field);border-radius:12px}.lib-stats b{font-size:28px;font-weight:700;color:var(--accent)}.ch-box{border-radius:13px;padding:23px;background:var(--field);border-color:var(--line)}.ch-box h3{font-size:17px;color:var(--ink)}.ch-box .hint{font-size:13px}.ch-box .chk{font-size:14px}.ch-box .own-cfg{border-radius:10px;background:var(--soft)}.empty .e-tx{font-size:15px;color:var(--ink2)}.empty .e-ic{font-size:34px}
.studio-reader{width:340px;flex-shrink:0;background:var(--rail);border-left:1px solid var(--line);padding-top:0}.reader-heading{height:49px;padding:0 23px;border-color:var(--line)}.reader-heading b{font-size:17px;color:var(--ink);font-weight:700}.reader-heading>span{font-size:12px;color:var(--ink2)}.reader-subtitle{font-size:12px;color:var(--ink2);margin:22px 0}.reader-phone{width:280px;border-radius:35px;border-color:#253858;padding:0 19px 15px;box-shadow:0 12px 30px #13284d0b}.reader-notch,.reader-home{background:#253858}.reader-content{min-height:400px;max-height:590px;font-size:14px}.reader-content .hu-title{font:700 22px/1.7 -apple-system,'Microsoft YaHei UI',sans-serif;color:#25324a}.reader-content .hu-p{font-size:13px;line-height:2;color:#51627c}.reader-content .hu-h{font-size:16px;color:#2c4367;font-weight:650}.reader-content .hu-fig-ph{font-size:12px}.reader-content .cap{font-size:11px}.reader-empty{font-size:13px;color:var(--ink2);padding:47px 6px}.reader-empty h3{font-size:16px;color:var(--ink);font-weight:650}.reader-empty .studio-icon{color:var(--accent);width:33px;height:33px;opacity:.5}.reader-skeleton{background:var(--soft)}.reader-footer{padding:20px 26px 15px;font-size:12px;color:var(--ink2);gap:8px}.reader-footer .btn{font-size:12px}.reader-guidance{padding:0 26px 25px;font-size:12px;color:var(--ink2)}.reader-mobile-toggle{border-radius:12px;font-size:13px;background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 5px 17px #1c39772b}.mobile-close-reader{color:var(--ink2)}
.studio-bottom{height:var(--foot);padding:0 24px;background:#fff;border-color:var(--line);color:var(--ink2);font-size:11px;gap:18px}.studio-bottom .nav-foot{margin:0;padding:0;border:0;max-width:40%;overflow:hidden}.studio-bottom .side-stat{padding:0;background:none;border:0;color:var(--ink2);display:flex;align-items:center;gap:16px;font-size:10px;white-space:nowrap}.studio-bottom .side-stat>div{margin:0;padding:0;gap:8px}.studio-bottom .side-stat>div:nth-child(n+3){display:none}.studio-bottom .side-stat b{color:var(--accent)}.studio-bottom>span:nth-child(2){margin-left:auto}.studio-bottom>span:last-child{border-color:var(--line);padding-left:16px}
.modal{border-radius:18px;box-shadow:0 22px 70px #11295726}.mask{background:#182e4c66;backdrop-filter:blur(5px)}.modal-h{padding:20px 25px;background:var(--field);border-color:var(--line)}.modal-h b{font-size:18px;color:var(--ink);font-weight:650}.modal-b{padding:26px;font-size:15px}.modal-x{background:var(--soft);color:var(--accent);border-radius:8px;width:32px;height:32px}.toast{font-size:14px;border-radius:11px;background:var(--hero);padding:14px 22px;box-shadow:0 8px 22px #20385c20}.check-body b{font-size:15px}.check-body .m{font-size:14px}.check-body .h{font-size:13px}
@media(min-width:1600px){.studio-reader{width:365px}.reader-phone{width:292px}.wrap,.wrap-narrow{padding:31px 35px 70px}.card{padding:29px 32px}.reader-content{max-height:640px}}
@media(max-width:1340px){:root{--head:132px}.studio-header{flex-wrap:wrap;align-content:center;column-gap:17px;row-gap:11px;padding:11px 23px}.studio-header .nav{order:5;width:100%;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.nav-item{padding:8px 9px;width:100%;height:39px}.nav-item>.nav-label{font-size:14px}.studio-brand{font-size:18px}.appearance-picker{margin-left:auto}.studio-avatar{display:none}.studio-header .sp{display:none}.studio-reader{width:310px}.reader-phone{width:266px}.wrap,.wrap-narrow{padding:25px 25px 65px}.card{padding:25px}.steps{gap:7px}.step{font-size:13px;padding:10px 9px;gap:6px}.studio-overview b{font-size:18px}.studio-overview>div{padding:15px 17px}}
@media(max-width:1050px){.studio-reader{display:none}.studio-reader.mobile-open{display:block;position:fixed;top:var(--head);bottom:var(--foot);right:0;width:330px;max-width:94vw;z-index:55;box-shadow:-12px 0 40px #142b4b30}.studio-reader.mobile-open .reader-phone{width:280px}.reader-mobile-toggle{bottom:calc(var(--foot) + 15px)}.wrap,.wrap-narrow{max-width:1050px}.studio-page-intro h1{font-size:32px}.studio-bottom .nav-foot{max-width:40%}.studio-bottom>span:last-child{display:none}}
@media(max-width:760px){:root{--head:155px;--foot:29px}body{font-size:15px}.studio-header{padding:10px 14px;row-gap:9px;column-gap:9px;align-content:center}.studio-brand{font-size:15px;gap:9px}.studio-brand small{font-size:7px;letter-spacing:.4px}.studio-logo{width:34px;height:36px;font-size:25px;border-radius:10px}.appearance-picker>span{display:none}.appearance-picker{gap:7px}.appearance-picker button{width:23px;height:23px;border-width:4px}.studio-header .nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.nav-item{height:34px;border-radius:8px;padding:4px 2px}.nav-item>.nav-label{font-size:13px}.app{display:flex;flex-direction:row}.main{min-height:0;width:100%}.main>.topbar{height:45px;min-height:45px;padding:0 16px;gap:8px}.top-title{font-size:12px}.topbar .badge{display:none}.topbar .btn.sm{font-size:12px;padding:5px 9px}.wrap,.wrap-narrow{padding:20px 16px 80px}.studio-page-intro{padding:22px 23px;border-radius:16px;margin-bottom:17px}.studio-page-intro h1{font-size:29px}.studio-page-intro small{font-size:9px;letter-spacing:1.4px}.studio-page-intro p{font-size:14px;max-width:92%}.studio-page-intro:after{font-size:110px;right:8px;top:15px}.studio-overview{gap:8px;margin-bottom:17px}.studio-overview>div{padding:12px 11px;border-radius:11px}.studio-overview span{font-size:11px}.studio-overview b{font-size:14px;line-height:1.7}.card{padding:23px 20px;border-radius:15px}.card h2{font-size:19px;gap:8px}.card h2 .tag{font-size:11px}.steps{gap:6px;margin-bottom:17px}.step{padding:8px 6px;gap:5px;font-size:11px}.step .n{width:20px;height:20px;font-size:10px}label.lab{font-size:16px;margin-top:21px}.lab .dim3{font-size:12px}.btn{font-size:14px;padding:10px 14px}.btn.sm{font-size:12px;padding:7px 10px}.hint{font-size:12px}.row{gap:9px}.angle{padding:18px}.angle-t{font-size:18px}.angle-meta{font-size:13px}.grid2,.grid3{grid-template-columns:1fr}.kv{font-size:14px}.article-box .hu-title{font-size:26px}.article-box .hu-p,.article-box p{font-size:16px}.article-box .hu-h{font-size:20px}.studio-bottom{padding:0 13px;font-size:10px;gap:10px}.studio-bottom .nav-foot{display:none}.studio-bottom>span:nth-child(2){margin-left:0}.studio-bottom #workspaceHint{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-bar{margin:12px 16px 0;font-size:12px}.mask{padding:13px}.modal{border-radius:15px}.modal-h{padding:17px 20px}.modal-h b{font-size:17px}.modal-b{padding:21px}.ch-box{padding:20px}.lib-stats>div{min-width:88px;padding:12px 14px}.lib-stats{gap:9px;font-size:13px}.lib-stats b{font-size:24px}.job-title{font-size:14px}.job-msg{font-size:13px}.job-tip{font-size:11px}}
@media(max-width:430px){.studio-header{padding-left:12px;padding-right:12px}.studio-brand{font-size:14px;gap:8px}.studio-brand small{font-size:6px}.appearance-picker{gap:6px}.appearance-picker button{width:22px;height:22px}.nav-item>.nav-label{font-size:12px}.wrap,.wrap-narrow{padding:17px 12px 80px}.studio-page-intro{padding:21px 20px}.studio-page-intro h1{font-size:27px}.studio-page-intro p{font-size:13px}.studio-overview>div{padding:11px 9px}.studio-overview span{font-size:10px}.studio-overview b{font-size:13px}.card{padding:21px 17px}.card h2{font-size:18px}.steps{gap:5px}.step{font-size:10px;padding:8px 5px;gap:4px}.step .n{width:17px;height:17px;font-size:9px}.main>.topbar{padding:0 12px;gap:6px}.topbar .btn.sm{padding:5px 8px;font-size:11px}.top-title{font-size:11px}.btn{font-size:13px;padding:10px 13px}.reader-mobile-toggle{right:13px}.tbl td,.tbl th{padding:12px}.ch-box{padding:17px}.studio-overview{gap:6px}}
@media(prefers-reduced-motion:reduce){.btn,.nav-item{transition:none}}
.studio-header .nav{flex:0 1 auto;overflow:visible}
@media(max-width:1340px){.studio-header .nav{flex:0 0 100%}}