:root{--bg:#f7f9fc;--surface:#fff;--ink:#18243a;--muted:#8792a5;--line:#e7ebf2;--accent:#4167ed;--soft:#edf1ff;--stage:#eef1f6;--font:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font)}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}.design-switch{min-height:44px;display:flex;justify-content:center;align-items:center;gap:6px;background:#18243a;color:#c5cfdf;padding:7px 16px;font-size:11px}.design-switch>span{font-size:9px;letter-spacing:2px;margin-right:14px}.design-switch button{border:1px solid #465166;background:transparent;border-radius:5px;padding:5px 13px;font-size:11px;color:#d7deec}.design-switch button.selected{background:#f1f4fb;color:#18243a;border-color:#f1f4fb}.design-switch small{position:absolute;right:30px;font-size:10px;color:#a5b1c6}.topbar{height:78px;display:flex;align-items:center;padding:0 4%;border-bottom:1px solid var(--line);background:var(--surface);gap:64px}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.3px;gap:9px}.brand-icon{width:30px;height:32px;border-radius:8px;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.brand-icon span{font-size:17px;position:absolute;right:-4px;top:-9px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:9px;margin-left:-5px}.topnav{display:flex;height:100%;gap:32px;align-items:center;font-size:12px}.topnav .active{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent);font-weight:650}.topnav button{border:0;background:none;color:var(--muted);padding:0}.topright{margin-left:auto;display:flex;align-items:center;gap:24px}.online{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.online i{width:6px;height:6px;background:#4fac8c;border-radius:50%}.avatar{border-radius:50%;background:var(--soft);color:var(--accent);font-size:11px;font-weight:700;padding:10px}main{max-width:1550px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 31px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-size:32px;letter-spacing:-1px;margin:9px 0 7px;line-height:1.4}h1 em{font-style:normal;color:var(--accent)}.intro p{color:var(--muted);font-size:12px;margin:0}.intro-actions{display:flex;gap:10px}.btn{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 15px;font-size:12px;display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none;color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.demo-tag{font-size:9px;background:var(--bg);color:var(--muted);padding:1px 4px;border-radius:3px}.projectbar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.projectbar [role=tablist]{display:flex;gap:7px;overflow:auto}.projectbar [role=tab]{background:none;border:0;border-bottom:2px solid transparent;padding:15px 17px;font-size:12px;white-space:nowrap;color:var(--muted)}.projectbar [role=tab][aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(transparent,var(--soft));font-weight:650}.projectbar button b{font-size:10px;margin-left:10px;font-weight:400;background:var(--stage);padding:2px 5px;border-radius:4px}.new-project{border:1px dashed var(--line);border-radius:5px;background:none;width:25px;height:25px;color:var(--muted)}.project-hint{margin-left:auto;font-size:10px;color:var(--muted)}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px;padding-top:27px}aside{border-right:1px solid var(--line);padding-right:22px}.aside-title{font-size:11px;font-weight:650;display:flex;justify-content:space-between}.aside-title span{color:var(--muted);font-size:10px}.source{display:flex;gap:9px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:11px 9px;margin:14px 0 28px;min-width:0}.folder-icon{font-size:25px;color:var(--accent)}.source div{min-width:0}.source strong{display:block;font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source small{color:var(--muted);font-size:9px}.aside-label{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:12px}.aside-label span{font-size:8px;letter-spacing:1px}nav button{width:100%;border:0;background:none;padding:12px 9px;display:flex;align-items:center;gap:10px;border-radius:6px;text-align:left;margin-bottom:5px;font-size:11px;color:var(--muted)}nav button.active{background:var(--soft);color:var(--accent)}nav button b{font-size:10px;font-weight:400;opacity:.65}nav button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}nav button i{font-style:normal;margin-left:auto}.aside-bottom{margin-top:95px;padding:19px 12px;background:linear-gradient(140deg,var(--soft),transparent);border-radius:8px}.spark{display:block;font-size:27px;color:var(--accent);margin-bottom:8px}.aside-bottom strong{font-size:11px}.aside-bottom p{font-size:10px;color:var(--muted);line-height:1.8}.text-btn{border:0;background:none;padding:8px 0;color:var(--accent);font-size:10px}.content-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:22px;margin:5px 0 4px;letter-spacing:-.5px}.content-heading p{font-size:10px;color:var(--muted);margin:0}.filterbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;gap:12px}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:0;background:none;border-radius:5px;padding:7px 11px;font-size:11px;color:var(--muted);white-space:nowrap}.filter-tabs button.active{background:var(--soft);color:var(--accent)}.filter-tabs span{font-size:9px;margin-left:5px}.filter-right{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 10px;color:var(--muted)}.search span{font-size:20px;line-height:1}.search input{background:none;border:0;outline:none;width:155px;color:var(--ink);font-size:10px}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:18px;padding:1px 8px}.ad-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px;scroll-margin-top:16px}.card-head{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.card-title{display:flex;align-items:center;gap:10px;min-width:0}.serial{font-size:10px;font-weight:600;color:var(--muted)}.card-title h3{font-size:13px;margin:0;font-weight:600}.badge{font-size:9px;color:#489882;background:#eef8f4;padding:3px 7px;border-radius:4px;white-space:nowrap}.card-head small{font-size:9px;color:var(--muted)}.card-body{display:grid;grid-template-columns:minmax(215px,.85fr) minmax(310px,1.35fr)}.media-panel{padding:18px;border-right:1px solid var(--line);min-width:0}.media-stage{height:277px;background:var(--stage);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-stage video,.media-stage img{width:100%;height:100%;object-fit:contain}.media-stage video{background:#14161b}.media-label{position:absolute;top:10px;left:10px;background:#171c27b3;color:#fff;border:1px solid #ffffff26;font-size:9px;border-radius:3px;padding:3px 6px;pointer-events:none}.media-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.media-footer strong{font-size:10px;font-weight:500;display:block}.media-footer small{font-size:9px;color:var(--muted)}.media-footer a{font-size:10px;text-decoration:none;color:var(--accent);white-space:nowrap}.fields-panel{padding:0 20px 15px;min-width:0}.field-tabs{display:flex;border-bottom:1px solid var(--line);gap:23px;margin-bottom:15px}.field-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;font-size:11px;color:var(--muted)}.field-tabs button.active{border-bottom-color:var(--accent);color:var(--ink);font-weight:600}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 13px}.field{min-width:0}.field.wide{grid-column:1/-1}.field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:5px}.field-top label{font-size:10px;font-weight:500}.field-top label small{font-weight:400;font-size:8px;color:var(--muted);margin-left:6px}.copy-field{border:0;background:none;color:var(--accent);font-size:9px;padding:0 2px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:8px 10px;color:var(--ink);font-size:11px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:85px;line-height:1.7}.field-actions{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.save-state{font-size:9px;color:var(--muted)}.save-state::first-letter{color:#4fac8c}.field-actions>div{display:flex;gap:12px;align-items:center}.reset{border:0;background:none;color:var(--muted);font-size:10px}.field-actions .btn{font-size:10px;padding:7px 12px}.list-end{text-align:center;padding:24px;color:var(--muted);font-size:10px}footer{margin:20px 4% 0;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--ink);color:var(--surface);border-radius:8px;box-shadow:0 6px 30px #0002;z-index:30;font-size:12px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:28px;width:min(510px,92vw);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#10152180;backdrop-filter:blur(4px)}dialog h2{font-size:21px;margin-bottom:10px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog .close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:24px;color:var(--muted)}dialog .field{margin:15px 0}dialog .btn{margin-top:10px}.empty{padding:60px;text-align:center;color:var(--muted)}.compact .media-stage{height:180px}.compact .field textarea{min-height:55px}
body.dark{--bg:#141514;--surface:#1d1f1d;--ink:#e5e6dc;--muted:#8b9085;--line:#353830;--accent:#c5ed85;--soft:#303b25;--stage:#252822}.dark .design-switch{background:#090b09}.dark .topbar{background:var(--bg);height:84px;border-bottom-color:var(--line)}.dark .brand{font-weight:500;letter-spacing:-2px;font-size:31px}.dark .brand-icon{border-radius:2px;color:#1c2415}.dark .topnav .active{border-bottom-color:var(--accent)}.dark main{max-width:1680px}.dark .intro{padding:44px 0 36px;align-items:flex-end}.dark h1{font-size:43px;font-weight:450;letter-spacing:-2px}.dark h1 em{font-family:Georgia,"Microsoft YaHei",serif}.dark .intro .eyebrow{color:var(--accent);letter-spacing:3px}.dark .intro p{margin-top:12px}.dark .btn{border-radius:2px}.dark .btn.primary{color:#172111}.dark .projectbar{border-top:1px solid var(--line)}.dark .projectbar [role=tab]{padding:17px 23px}.dark .projectbar [role=tab][aria-selected=true]{background:var(--accent);color:#1a2514;border-color:var(--accent)}.dark .projectbar button b{background:#0002}.dark .workspace{grid-template-columns:175px minmax(0,1fr);gap:30px}.dark .source{background:none;border:0;padding:4px 0}.dark .aside-bottom{background:none;padding-left:0;border-top:1px solid var(--line);border-radius:0}.dark nav button{border-radius:0;border-left:2px solid transparent}.dark nav button.active{background:none;border-color:var(--accent)}.dark .ad-card{border-radius:2px;margin-bottom:27px}.dark .card-head{padding:16px 22px;background:#20231e}.dark .card-title h3{font-size:14px;font-weight:450}.dark .serial{color:var(--accent);font-family:monospace}.dark .badge{background:#2b3623;color:#bbd69d;border-radius:2px}.dark .card-body{grid-template-columns:minmax(260px,1.1fr) minmax(300px,1fr)}.dark .media-panel{padding:22px}.dark .media-stage{height:337px;border-radius:0;background:#11130f}.dark .fields-panel{padding:5px 23px 20px}.dark .field input,.dark .field textarea{border-radius:1px;background:#191b17}.dark .field textarea{min-height:109px}.dark .search,.dark .icon-btn,.dark .filter-tabs button{border-radius:1px}.dark .content-heading{margin-bottom:24px}.dark h2{font-size:25px;font-weight:450}.dark .field-tabs button.active{color:var(--accent)}.dark .compact .media-stage{height:210px}.dark .compact .field textarea{min-height:65px}
@media(min-width:1500px){.media-stage{height:310px}}@media(max-width:1100px){.design-switch small{display:none}.workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.card-body,.dark .card-body{grid-template-columns:minmax(180px,.8fr) minmax(250px,1.2fr)}.fields-panel,.dark .fields-panel{padding-left:14px;padding-right:14px}.media-panel,.dark .media-panel{padding:14px}.field-tabs{gap:18px}.project-hint{display:none}.dark .workspace{grid-template-columns:155px minmax(0,1fr)}.dark h1{font-size:36px}}@media(max-width:820px){aside{display:none}.workspace,.dark .workspace{display:block}.topbar{padding:0 5%;gap:30px}.intro{gap:20px}.intro-actions{flex-direction:column}main{padding:0 5%}.dark h1,h1{font-size:29px}.topright .online{display:none}.topnav{gap:18px}.card-body,.dark .card-body{grid-template-columns:minmax(180px,.8fr) minmax(250px,1.2fr)}footer{letter-spacing:0;gap:20px}.brand{font-size:24px}}@media(max-width:580px){.design-switch{flex-wrap:wrap;gap:5px}.design-switch>span{display:none}.topbar{height:65px;gap:20px}.topnav{font-size:10px;gap:12px}.topnav button{font-size:10px}.topright{margin-left:auto}.avatar{padding:7px}.brand{font-size:23px}.intro{padding:25px 0;display:block}.intro-actions{flex-direction:row;margin-top:20px}.projectbar{gap:5px}.projectbar [role=tab],.dark .projectbar [role=tab]{padding:13px 9px;font-size:11px}.projectbar button b{margin-left:4px}.filterbar{align-items:stretch;flex-direction:column}.filter-right{justify-content:space-between}.search{flex:1}.search input{width:100%}.content-heading h2,.dark h2{font-size:21px}.card-body,.dark .card-body{grid-template-columns:1fr}.media-panel{border-right:0;border-bottom:1px solid var(--line)}.media-stage,.dark .media-stage{height:310px}.card-head{padding:12px}.card-head small{display:none}.fields-panel,.dark .fields-panel{padding:0 15px 16px}.field input,.field textarea{font-size:13px}.card-title h3{font-size:12px}.dark .intro{padding:28px 0}.dark .topbar{height:70px}footer{display:block}footer span{display:block;margin-bottom:5px}.intro .eyebrow{font-size:8px}.field-actions{flex-wrap:wrap}.content-heading .btn{font-size:10px;padding:8px}.new-project{flex-shrink:0}}