:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#f4f3ef;background:#05080b;font-synthesis:none}*{box-sizing:border-box}html{background:#05080b;scroll-behavior:smooth}body{margin:0;min-width:320px;background:#05080b}button,input,textarea,select{font:inherit}button{cursor:pointer}.showcase{width:min(100%,760px);min-height:100vh;margin:0 auto;background:radial-gradient(circle at 95% 16%,rgba(255,128,0,.14),transparent 24%),#070a0d;overflow:hidden}.topbar{height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30343a;background:#030609f0;position:sticky;top:0;z-index:10}.topbar img{width:118px;max-height:52px;object-fit:contain}.topbar span{font-size:12px;letter-spacing:.22em;color:#9ba1aa}.showcase-intro{padding:72px 34px 40px}.eyebrow{color:#ff8a00;font-size:12px;font-weight:800;letter-spacing:.15em}.showcase-intro h1{font-size:42px;line-height:1.12;margin:15px 0;color:#f4f1eb;max-width:640px}.showcase-intro>p:last-child{color:#aeb2b8;font-size:15px}.series-section{padding:22px 28px 58px}.series-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}.series-heading>span{color:#ff8a00;font-weight:800;font-size:12px;margin-top:5px}.series-heading h2{font-size:23px;line-height:1.25;margin:0}.series-heading p{color:#969ca5;margin:8px 0 0;font-size:13px;line-height:1.6}.case-list{display:grid;gap:24px}.case-card{position:relative;display:grid;grid-template-columns:39% 61%;grid-template-rows:auto auto;padding:18px 18px 16px;border:1px solid rgba(255,139,0,.62);border-radius:26px;background:#11161d;box-shadow:0 0 30px #ff740029;min-height:470px}.phone-frame{grid-row:1/3;position:relative;margin-right:16px;border:3px solid #343940;border-radius:34px;background:#05080b;overflow:hidden;align-self:start;aspect-ratio:9/19.2;max-height:420px}.phone-frame img{width:100%;height:100%;object-fit:cover;display:block}.phone-speaker{position:absolute;z-index:2;top:7px;left:50%;transform:translate(-50%);width:34%;height:5px;border-radius:10px;background:#000000d1}.case-copy{min-width:0;display:flex;flex-direction:column;gap:10px}.case-brand{color:#ff8a00;font-size:12px;font-weight:800;margin:0}.case-copy h3{font-size:21px;line-height:1.23;margin:0 0 6px}.copy-block b{display:block;font-size:12px;margin-bottom:4px;color:#f5f5f2}.copy-block p{margin:0;color:#aeb2b8;font-size:12px;line-height:1.55}.metrics{display:flex;gap:20px;margin-top:1px}.metrics span{display:flex;flex-direction:column}.metrics b{font-size:17px}.metrics small{font-size:10px;color:#757c86}.proof{font-size:12px;line-height:1.45;padding:10px 12px;border-radius:12px;background:#2c221c;color:#e9e3dd;margin:0}.video-entry{grid-column:2;padding-top:11px;display:flex;flex-direction:column;gap:9px}.product-time{display:flex;flex-direction:column;gap:5px}.product-time strong{color:#e6b94d;font-size:12px}.product-time span{color:#91969e;font-size:10px}.video-entry a{min-height:40px;padding:0 16px;border:1px solid #8b5a16;border-radius:13px;background:#4a351d;color:#fff4dd;font-size:13px;font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px}.page-footer{padding:28px 30px 46px;display:flex;align-items:center;gap:14px;color:#747b84;font-size:11px}.page-footer img{width:82px;filter:grayscale(1);opacity:.52}.center-state{min-height:100vh;display:grid;place-items:center;background:#05080b;color:#aeb2b8;padding:30px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#2c1909,#05080b 52%);padding:24px}.login-page form{width:min(100%,390px);padding:34px;border:1px solid #30353c;border-radius:24px;background:#11161c}.login-page img{width:128px}.login-page h1{font-size:26px;margin:8px 0 28px}.login-page label{display:grid;gap:8px;color:#aeb2b8;font-size:13px}.login-page input{width:100%;padding:13px;border:1px solid #3a414a;border-radius:10px;background:#070a0d;color:#fff}.login-page button{width:100%;margin-top:16px;padding:13px;border:0;border-radius:10px;background:#ff8a00;font-weight:800}.form-error{color:#ff7f76;font-size:12px}.editor-shell{min-height:100vh;background:#eef0f3;color:#15181d}.editor-header{height:60px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;background:#10141a;color:#fff;position:sticky;top:0;z-index:20}.editor-header>div:first-child{display:flex;gap:12px;align-items:baseline}.editor-header span{font-size:11px;color:#9298a1}.header-actions{display:flex;gap:8px}.header-actions button,.property-actions button{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #3a414b;border-radius:8px;background:#1a2028;color:#fff;font-size:12px}.header-actions .primary{background:#ff8a00;color:#111;border-color:#ff8a00}.editor-grid{display:grid;grid-template-columns:300px minmax(420px,1fr) 320px;height:calc(100vh - 60px)}.editor-sidebar,.property-panel{overflow:auto;background:#fff;border-right:1px solid #d9dde3;padding:14px}.property-panel{border-right:0;border-left:1px solid #d9dde3}.panel{display:grid;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e3e6ea}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title button{border:0;background:#eef1f4;border-radius:7px;padding:6px}.panel select{width:100%;padding:9px;border:1px solid #d3d8df;border-radius:8px}.field{display:grid;gap:5px;font-size:12px;color:#5d6470}.field input,.field textarea{width:100%;padding:9px;border:1px solid #d4d9df;border-radius:8px;background:#fff;color:#16191e}.field textarea{min-height:66px;resize:vertical}.search-box{display:flex;align-items:center;gap:6px;border:1px solid #d5d9df;border-radius:8px;padding:0 8px}.search-box input{border:0;outline:0;padding:9px 0;width:100%}.library-list{display:grid;gap:7px;max-height:360px;overflow:auto}.library-list button{display:grid;grid-template-columns:42px 1fr 18px;gap:8px;align-items:center;text-align:left;border:1px solid #e1e4e8;border-radius:9px;background:#fff;padding:6px}.library-list img{width:42px;height:54px;object-fit:cover;border-radius:6px;background:#12161b}.library-list span{min-width:0}.library-list b,.library-list small{display:block}.library-list b{font-size:11px}.library-list small{font-size:10px;color:#747b84;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-stage{overflow:auto;padding:16px 24px;background:#dfe3e8}.device-toolbar{display:flex;justify-content:space-between;align-items:center;width:390px;margin:0 auto 8px;font-size:11px;color:#555e69}.device-toolbar a{display:flex;gap:3px;align-items:center;color:#6b4a1e}.device-frame{width:390px;height:844px;margin:0 auto;border:9px solid #11161c;border-radius:32px;overflow:auto;background:#05080b;box-shadow:0 16px 44px #161b2138}.preview-mode{width:100%;min-height:100%}.preview-mode .topbar{position:static}.preview-mode .showcase-intro{padding-top:48px}.preview-mode .case-card{cursor:pointer}.selected-case>.case-card{outline:3px solid #1687ff;outline-offset:2px}.property-panel h2{font-size:17px;margin:3px 0 13px}.property-panel>.field{margin:11px 0}.property-actions{display:flex;gap:5px;margin-bottom:12px}.property-actions .danger{color:#b32424;background:#fff6f5;border-color:#f1b5af}.editor-status{position:sticky;bottom:8px;background:#171c22;color:#fff;padding:10px;border-radius:8px;font-size:12px}.is-editor .video-entry a{pointer-events:none}@media(max-width:620px){.topbar{height:68px;padding:0 20px}.topbar img{width:98px}.topbar span{font-size:9px}.showcase-intro{padding:54px 22px 30px}.showcase-intro h1{font-size:34px}.series-section{padding:18px 16px 44px}.series-heading{padding:0 4px}.case-card{grid-template-columns:41% 59%;padding:12px;border-radius:22px;min-height:0}.phone-frame{margin-right:10px;border-radius:26px;max-height:none}.case-copy{gap:7px}.case-copy h3{font-size:16px}.copy-block p{font-size:10px;line-height:1.45}.case-brand,.copy-block b{font-size:10px}.metrics{gap:12px}.metrics b{font-size:14px}.proof{font-size:10px;padding:8px}.video-entry{padding-top:8px}.product-time strong{font-size:10px}.product-time span{font-size:9px}.video-entry a{font-size:11px;min-height:36px;padding:0 8px}.page-footer{padding-left:20px}.editor-grid{grid-template-columns:1fr}.editor-sidebar,.property-panel{display:none}.device-stage{padding:12px}.editor-header>div:first-child span{display:none}}@media(max-width:380px){.case-card{grid-template-columns:40% 60%;padding:10px}.case-copy h3{font-size:15px}.showcase-intro h1{font-size:31px}}.showcase{color:#f4f3ef}.device-options{display:flex;gap:3px}.device-options button{border:1px solid #cbd1d8;border-radius:5px;background:#fff;color:#68717d;font-size:10px;padding:3px 6px}.device-options button.active{background:#171c22;color:#fff;border-color:#171c22}.panel-buttons{display:flex;gap:4px}.series-editor{display:grid;gap:8px}.series-editor>b{font-size:12px}.series-editor-row{padding:9px;border:1px solid #e3e6ea;border-radius:9px;background:#fafbfc;display:grid;gap:8px}.secondary-action,.archive-action{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border:1px solid #d3d8df;border-radius:8px;background:#fff;font-size:11px}.archive-action{color:#9c4a40;border-color:#edcbc6;background:#fff9f8}.visual-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visual-actions button,.upload-button{display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #d4d9df;border-radius:8px;background:#f7f8fa;color:#303741;font-size:11px}.upload-button input{display:none}