:root{--navy:#073b5c;--navy-2:#03293f;--teal:#05aa98;--mint:#79ead6;--ink:#102b3a;--muted:#73838c;--paper:#f3f7f6;--white:#fff;--line:#dce6e4;--orange:#ff8d52;--shadow:0 18px 45px rgba(3,41,63,.1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Bahnschrift","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);background:#eef4f3}.login-brand{position:relative;overflow:hidden;padding:clamp(40px,7vw,110px);background:linear-gradient(145deg,#04314e 0%,#07577a 58%,#07a993 140%);color:white;display:flex;flex-direction:column;justify-content:center}.brand{font-size:34px;font-weight:800;letter-spacing:-2px}.brand b{color:var(--teal)}.brand.small{font-size:25px;padding:28px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}.eyebrow.light{color:var(--mint)}.login-brand h1{font-size:clamp(40px,5vw,72px);line-height:1.06;letter-spacing:-.05em;margin:28px 0}.login-copy{max-width:560px;color:#c6dbe2;line-height:1.8}.road-lines{position:absolute;right:-130px;bottom:-100px;width:520px;height:520px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.03)}.login-card{align-self:center;margin:clamp(32px,7vw,100px);padding:44px;background:white;box-shadow:var(--shadow);border-top:5px solid var(--teal)}.login-card h2{font-size:30px;margin:8px 0 36px}.step{color:var(--muted);font-size:12px}.form-error{color:#c13d36;min-height:18px}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--navy-2);color:white;display:flex;flex-direction:column;z-index:20}.workspace-label{margin:0 28px 22px;color:#8fb2c2;font-size:11px;letter-spacing:.12em}.sidebar nav{display:grid;gap:6px;padding:8px 14px}.sidebar nav button{border:0;background:transparent;color:#a9c0ca;text-align:left;padding:14px;border-radius:5px;font-weight:600;transition:.2s}.sidebar nav button i{font-style:normal;font-size:10px;color:#527585;margin-right:18px}.sidebar nav button:hover,.sidebar nav button.active{background:#0b496b;color:white}.sidebar nav button.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-foot{margin-top:auto;padding:24px;color:#88a6b3;font-size:12px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-foot button{float:right;border:0;background:none;color:#88a6b3}.status-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px rgba(5,170,152,.14);margin-right:7px}.app-shell main{grid-column:2;padding:0 38px 50px;min-width:0}.topbar{height:118px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:3px 0 0;font-size:28px;letter-spacing:-.03em}.topbar p{margin:0;color:#75909b;font-size:10px;letter-spacing:.18em}.top-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}#menuToggle{display:none}.outline,.text-btn{border:1px solid var(--line);background:white;color:var(--navy);padding:10px 15px;border-radius:4px}.text-btn{border:0;background:none}.view{display:none;animation:reveal .36s ease both}.view.active{display:block}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-panel{position:relative;overflow:hidden;min-height:265px;padding:45px 48px;background:linear-gradient(115deg,var(--navy-2),#075c79);color:white;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:var(--shadow)}.hero-panel h2{font-size:37px;line-height:1.18;letter-spacing:-.04em;margin:12px 0}.hero-panel p{color:#b7d0d8}.hero-cta{position:relative;z-index:2;background:var(--teal);border:0;color:white;padding:17px 20px;min-width:155px;text-align:left;font-weight:700}.hero-cta span{float:right}.hero-mark{position:absolute;right:160px;top:-115px;font-size:420px;font-weight:900;color:rgba(255,255,255,.035);line-height:1}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{background:white;padding:24px;border-bottom:3px solid var(--line)}.metric b{display:block;font-size:34px;margin:14px 0 4px}.metric span{color:var(--muted);font-size:13px}.metric small{color:var(--teal);font-weight:700}.split-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.panel{background:white;border:1px solid #e4ecea;padding:26px;box-shadow:0 8px 30px rgba(3,41,63,.04)}.panel-head,.section-intro,.dialog-head{display:flex;justify-content:space-between;align-items:center}.panel h3,.dialog-head h3{margin:4px 0;font-size:21px}.list-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.list-num{color:#a7b6bb;font-size:11px}.list-main{flex:1}.list-main b{display:block;margin-bottom:4px}.list-main span,.hint{color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:#e9f8f5;color:#078878;font-size:11px}.rhythm-bars{height:180px;display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:20px}.rhythm-bars span{position:relative;height:var(--h);flex:1;background:linear-gradient(to top,var(--navy),var(--teal));color:#82939a;font-size:10px;text-align:center;padding-top:calc(var(--h) + 8px)}.section-intro{margin:18px 0 26px}.section-intro h2{font-size:38px;margin:5px 0}.section-intro p{color:var(--muted)}.creator-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.form-panel,label{display:grid;gap:8px}.form-panel{gap:19px}label{color:#3c5663;font-size:12px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:#f9fbfa;border-radius:3px;padding:13px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(5,170,152,.1)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.upload-btn{border:0;background:var(--navy);color:white;padding:14px 17px;font-weight:700;border-radius:3px}.primary:hover{background:#09587b}.primary span{float:right}.wide{width:100%}.result-panel{min-height:600px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#92a2a8;text-align:center;min-height:180px}.empty.large{min-height:530px;background:repeating-linear-gradient(135deg,#fbfcfc,#fbfcfc 12px,#f6f9f8 12px,#f6f9f8 24px)}.empty b{font-size:18px;color:#57707b;margin-bottom:9px}.title-options{display:grid;gap:8px;margin:12px 0 24px}.title-option{border:1px solid var(--line);padding:13px;text-align:left;background:white}.title-option.selected{border-color:var(--teal);background:#effbf8}.cards-kicker{margin-top:24px}.card-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card{min-height:100px;padding:14px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}.card b{color:var(--mint);font-size:10px}.result-actions{display:flex;gap:10px;margin-top:24px}.result-actions select{flex:1}.content-grid,.account-grid,.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-card,.account-card{background:white;border:1px solid var(--line);padding:22px;min-height:190px;display:flex;flex-direction:column}.content-card h3,.account-card h3{font-size:18px;line-height:1.45;margin:16px 0}.card-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:20px}.card-actions button{border:0;background:#eef4f3;color:var(--navy);padding:8px 10px}.account-card .account-icon{width:45px;height:45px;background:var(--navy);color:var(--mint);display:grid;place-items:center;font-weight:800}.account-card p{color:var(--muted);line-height:1.6;font-size:13px}.asset-grid{grid-template-columns:repeat(4,1fr)}.asset-card{position:relative;background:white;border:1px solid var(--line);overflow:hidden}.asset-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8efed}.asset-info{padding:13px}.asset-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.asset-info span{color:var(--muted);font-size:11px}.asset-card button{position:absolute;right:8px;top:8px;border:0;background:rgba(3,41,63,.8);color:white;width:28px;height:28px}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:10px;letter-spacing:.1em;background:#f8faf9}.table-action{border:0;background:#eef4f3;color:var(--navy);padding:7px 9px;margin-right:5px}dialog{border:0;padding:0;width:min(520px,calc(100vw - 28px));box-shadow:0 30px 80px rgba(3,41,63,.28)}dialog::backdrop{background:rgba(3,24,36,.64);backdrop-filter:blur(3px)}dialog form{display:grid;gap:17px;padding:30px}.icon-btn{border:0;background:none;font-size:25px}.toast{position:fixed;right:28px;bottom:28px;z-index:99;background:var(--navy-2);color:white;padding:14px 18px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#a63e36}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.creator-grid{grid-template-columns:1fr}.content-grid,.account-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.login-shell{display:block;background:var(--navy-2);padding:24px;min-height:100vh}.login-brand{min-height:330px;padding:35px}.login-brand h1{font-size:38px}.login-card{margin:0;padding:28px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-shell main{padding:0 16px 35px}.topbar{height:92px}.topbar h1{font-size:23px}.top-actions span,.top-actions .outline{display:none}#menuToggle{display:block;border:0;background:none;font-size:23px;margin-right:12px}.topbar>div:first-of-type{flex:1}.hero-panel{padding:30px 24px;min-height:300px;display:block}.hero-panel h2{font-size:30px}.hero-cta{margin-top:18px}.metric-grid,.content-grid,.account-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.section-intro h2{font-size:31px}.creator-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.card-plan{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}.result-actions{display:grid}.panel{padding:20px}}@media(max-width:430px){.metric-grid,.content-grid,.account-grid{grid-template-columns:1fr}.topbar p{display:none}.login-shell{padding:0}.login-brand{min-height:300px}.asset-grid{grid-template-columns:1fr 1fr}}

/* Production UI corrections */
.section-intro{min-height:46px;margin:8px 0 24px}
.section-intro .kicker,.section-intro h2{display:none}
.section-intro p{max-width:760px;margin:0;line-height:1.75}

.rhythm{overflow:hidden;contain:layout paint}
.rhythm-bars{position:relative;height:210px;padding:20px 0 28px;overflow:hidden}
.rhythm-bars span{align-self:flex-end;min-height:2px;height:var(--h);padding:0!important;font-size:0;line-height:1;overflow:visible}
.rhythm-bars span::after{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:#82939a;font-size:10px;font-weight:400}
.rhythm-bars span:nth-child(1)::after{content:"\4E00"}
.rhythm-bars span:nth-child(2)::after{content:"\4E8C"}
.rhythm-bars span:nth-child(3)::after{content:"\4E09"}
.rhythm-bars span:nth-child(4)::after{content:"\56DB"}
.rhythm-bars span:nth-child(5)::after{content:"\4E94"}
.rhythm-bars span:nth-child(6)::after{content:"\516D"}
.rhythm-bars span:nth-child(7)::after{content:"\65E5"}

.content-grid>.empty,.account-grid>.empty,.asset-grid>.empty{grid-column:1/-1;min-height:280px;border:1px dashed #cbdad7;background:linear-gradient(145deg,#fff,#f7faf9)}
.content-grid>.empty b,.account-grid>.empty b,.asset-grid>.empty b{font-size:20px}

.menu-close,.sidebar-backdrop{display:none}

@media(max-width:720px){
  .sidebar{width:min(82vw,300px);box-shadow:20px 0 55px rgba(3,24,36,.28)}
  .menu-close{display:grid;position:absolute;right:14px;top:14px;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.06);color:white;font-size:25px;line-height:1;z-index:2}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;border:0;background:rgba(3,24,36,.52);opacity:0;pointer-events:none;transition:opacity .25s}
  .sidebar-backdrop.open{opacity:1;pointer-events:auto}
  .section-intro{align-items:flex-start;gap:16px;margin:4px 0 20px}
  .section-intro p{font-size:13px}
  .rhythm-bars{height:220px}
}

@media(max-width:520px){
  .metric-grid,.content-grid,.account-grid{grid-template-columns:1fr}
  .topbar{height:86px}
}

/* Operational publishing center */
.publish-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 18px}
.flow-step{position:relative;display:grid;gap:6px;min-height:120px;padding:22px;background:#fff;border:1px solid var(--line);border-top:3px solid #bac9c6}
.flow-step.done{border-top-color:var(--teal)}
.flow-step b{color:var(--teal);font-size:11px;letter-spacing:.12em}
.flow-step span{font-size:18px;font-weight:700}
.flow-step small{color:var(--muted)}
.publish-intro{padding:18px 22px;background:#eaf4f2;border-left:3px solid var(--teal)}
.publish-summary{display:grid;grid-template-columns:190px 190px 1fr;gap:14px;margin-bottom:18px}
.publish-summary article{display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:22px;background:#fff;border:1px solid var(--line)}
.publish-summary small{color:var(--teal);font-weight:700}
.publish-summary b{font-size:26px;margin:8px 0}
.publish-summary span{color:var(--muted);font-size:12px}
.publish-summary .portal-card{flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#fff,#eaf8f5)}
.publish-table td b{color:var(--navy)}
.primary-action{background:var(--navy);color:#fff}
.completed-label{color:#078878;font-weight:700;font-size:12px}
.status-done{background:#e9f8f5}
.status-pending{background:#fff4e9;color:#a65c1b}
.account-card-top{display:flex;align-items:center;justify-content:space-between}
.connection-state{display:flex;align-items:center;gap:7px;color:#57717c;font-size:11px}
.connection-state i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(5,170,152,.12)}
.publish-dialog{width:min(720px,calc(100vw - 28px))}
.publish-dialog-body{padding:30px}
.publish-package{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.publish-package>p,.publish-package>div{margin:0;padding:16px;background:#f5f8f7;border:1px solid var(--line)}
.publish-package>div{grid-column:1/-1}
.publish-package small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-bottom:7px}
.publish-package h4{font-size:20px;line-height:1.4;margin:0 0 10px}
.publish-preview{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.publish-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.publish-checklist p{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid var(--line)}
.publish-checklist b{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:10px}
.publish-checklist span{font-size:12px}
.publish-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.success-btn{border:0;background:var(--teal);color:#fff;padding:14px 17px;font-weight:700;border-radius:3px}
@media(max-width:900px){
  .publish-flow{grid-template-columns:1fr 1fr}
  .publish-summary{grid-template-columns:1fr 1fr}
  .publish-summary .portal-card{grid-column:1/-1}
}
@media(max-width:720px){
  .publish-flow,.publish-summary,.publish-package,.publish-checklist{grid-template-columns:1fr}
  .publish-summary .portal-card,.publish-package>div{grid-column:auto}
  .publish-dialog-body{padding:20px}
  .publish-dialog-actions>*{width:100%}
}