:root{--blue:#377df6;--ink:#14213d;--muted:#66738d;--line:#e5ebf5;--soft:#f5f8ff;--blue-soft:#edf4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f7faff 46%,#fff 100%)}.topbar{position:sticky;z-index:20;top:0;min-height:72px;display:flex;align-items:center;gap:22px;padding:9px max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--ink);font-size:19px;font-weight:800;text-decoration:none}.brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 7px 16px #ef414a33)}.top-message{min-width:0;display:flex;flex:1;align-items:center;justify-content:center;gap:18px}.top-message h1{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}.top-message h1 em{color:var(--blue);font-style:normal}.top-message p{min-width:0;margin:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.top-download,.primary{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:10px 17px;border:0;border-radius:10px;background:linear-gradient(135deg,#377df6,#5a9aff);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 24px #377df636}.top-download:hover,.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}main{width:min(1380px,calc(100% - 44px));margin:0 auto;padding-top:34px}.section-copy{max-width:720px;margin:0 auto 25px;text-align:center}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em}.section-copy h1,.section-copy h2{margin:8px 0 10px;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em}.section-copy p{margin:0;color:var(--muted);font-size:16px}.shot-card{overflow:hidden;border:1px solid #d8e5f7;border-radius:17px;background:#fff;box-shadow:0 26px 70px #234d7d1c}.product-shot{width:min(1240px,100%);margin:0 auto}.app-bar{height:43px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line);background:#f8fbff;color:#475a75;font-size:12px}.app-bar img{width:22px;height:22px;object-fit:contain}.app-bar span{margin-left:22px;color:#8090a8}.app-bar i{width:8px;height:8px;border-radius:50%;background:#c9d4e3}.app-bar i:first-of-type{margin-left:auto}.app-body{display:grid;grid-template-columns:155px minmax(0,1fr) 235px;min-height:510px}.mock-sidebar{display:grid;align-content:start;gap:6px;padding:16px 10px;border-right:1px solid var(--line);background:#fbfdff}.mock-sidebar b{padding:8px 11px;border-radius:7px;color:#65748c;font-size:12px}.mock-sidebar .active{background:var(--blue);color:#fff}.mock-workspace{min-width:0;background:#f8fbff}.mock-toolbar{display:flex;align-items:center;gap:9px;padding:13px;border-bottom:1px solid var(--line);background:#fff;font-size:12px}.mock-toolbar strong{margin-right:auto}.mock-toolbar em,.channel-list em{padding:2px 6px;border-radius:10px;background:#23c76d;color:#fff;font-style:normal}.mock-toolbar span{padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:#72819a}.mock-toolbar button{padding:7px 10px;border:0;border-radius:7px;background:var(--blue);color:#fff;font:inherit}.mock-content{display:grid;grid-template-columns:122px minmax(0,1fr);min-height:450px}.channel-list{display:grid;align-content:start;gap:7px;padding:14px 9px;border-right:1px solid var(--line);background:#f2f7ff}.channel-list b{display:flex;justify-content:space-between;align-items:center;padding:9px;border-radius:7px;color:#5d6e88;font-size:12px}.channel-list .selected{border:1px solid #76aaff;background:#e5f0ff}.editor-card{margin:16px;padding:18px;border:1px solid #bcd7ff;border-radius:12px;background:#fff}.editor-card small{color:var(--blue);font-weight:700}.editor-card label{display:block;margin-top:15px;color:#5c6c86;font-size:12px}.editor-card label span{display:block;margin-top:6px;padding:10px;border:1px solid #d3e0f1;border-radius:7px;background:#fbfdff;color:#3d506b}.editor-card label .long{height:90px}.mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.mock-row span{padding:12px;border:1px solid #d3e0f1;border-radius:7px;color:#687a94;font-size:12px}.preview-panel{padding:15px;border-left:1px solid var(--line);background:#fff;font-size:12px}.phone{display:flex;flex-direction:column;justify-content:space-between;min-height:380px;margin-top:13px;padding:18px;border:8px solid #25304e;border-radius:25px;background:linear-gradient(150deg,#326ba9,#142743);box-shadow:0 16px 30px #152a4c35;color:#fff}.phone strong{font-size:27px;line-height:1.35}.phone small{color:#a7d1ff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:35px 0 78px}.features article{padding:24px;border:1px solid #d9e5f6;border-radius:15px;background:#fff;box-shadow:0 12px 28px #2c5f9810}.features article>span{color:var(--blue);font-weight:800}.features h2{margin:13px 0 6px;font-size:19px}.features p{margin:0;color:var(--muted)}.artifact-showcase{padding:35px 0 78px;text-align:center}.workflow-card{display:flex;align-items:center;justify-content:center;gap:16px;width:min(1020px,100%);margin:0 auto;padding:28px;border:1px solid #d9e5f6;border-radius:17px;background:linear-gradient(145deg,#fff,#f1f7ff)}.workflow-card div{display:grid;gap:5px;min-width:220px;padding:20px;border:1px solid #d4e3f7;border-radius:12px;background:#fff}.workflow-card span{color:var(--muted);font-size:13px}.workflow-card i{color:var(--blue);font-size:23px;font-style:normal}.plans{padding-top:0}.plans .featured{border-color:#92b8ff;background:linear-gradient(145deg,#f6faff,#eaf3ff);box-shadow:0 15px 35px #377df621}.bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:82px;padding:32px 34px;border:1px solid #9bbfff;border-radius:18px;background:linear-gradient(135deg,#e7f1ff,#f7fbff)}.bottom-cta h2{margin:5px 0}.bottom-cta p{margin:0;color:var(--muted)}#downloadButtons{display:flex;gap:10px;flex-wrap:wrap}.secondary{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:10px 17px;border:1px solid #b8d0f2;border-radius:10px;background:#fff;color:var(--blue);font-weight:800;text-decoration:none}footer{display:flex;justify-content:space-between;gap:16px;padding:24px max(20px,calc((100vw - 1380px)/2));border-top:1px solid var(--line);color:#8491a5;font-size:13px}@media(max-width:960px){.top-message{justify-content:flex-start}.top-message p{max-width:220px}.app-body{grid-template-columns:126px minmax(0,1fr)}.preview-panel{display:none}}@media(max-width:700px){.top-message p{display:none}.top-message h1{font-size:14px;white-space:normal}.brand span{display:none}main{width:min(100% - 28px,1240px)}.mock-sidebar,.channel-list{display:none}.mock-content{grid-template-columns:1fr}.mock-toolbar span{display:none}.mock-toolbar{overflow:hidden}.features{grid-template-columns:1fr;padding-bottom:56px}.workflow-card{flex-direction:column}.workflow-card i{transform:rotate(90deg)}.bottom-cta{flex-direction:column;padding:26px 22px;text-align:center}footer{display:block;text-align:center}footer span{display:block}.app-body,.mock-workspace{min-height:390px}.editor-card{margin:10px}}@media(max-width:480px){.topbar{min-height:58px}.top-message{display:none}.top-download{min-width:118px}.bottom-cta .primary,#downloadButtons{width:100%}.primary{width:100%}}.page-showcase{padding:6px 0 78px}.page-shot{width:min(1120px,100%);margin:0 auto}.mini-top{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);background:#f8fbff;color:#52637d;font-size:12px}.mini-top img{width:21px;height:21px;object-fit:contain}.mini-top span{margin-left:18px;color:#8c9bb0}.account-layout{padding:24px;background:#f7faff}.account-head{display:flex;align-items:center;gap:12px}.account-head strong{font-size:21px}.account-head small{color:var(--muted)}.account-head button{margin-left:auto;border:0;border-radius:7px;background:var(--blue);color:#fff;padding:9px 13px;font-weight:700}.tabs{display:flex;gap:8px;margin:18px 0}.tabs b,.tabs span{padding:7px 11px;border:1px solid #d7e3f5;border-radius:8px;background:#fff;color:#62748e;font-size:12px}.tabs b{border-color:#84b2ff;color:var(--blue);background:#eef5ff}.tabs em,.account-cards em,.channel-grid em{padding:1px 5px;border-radius:9px;background:#21c872;color:#fff;font-style:normal}.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-cards article{display:grid;grid-template-columns:42px 1fr;gap:2px;padding:15px;border:1px solid #d6e3f4;border-radius:12px;background:#fff}.account-cards i{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#131313;color:#fff;font-style:normal;font-weight:800}.account-cards .red{background:#ff4759}.account-cards .orange{background:#ff8644}.account-cards small{color:#8090a7}.account-cards article>div{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f7;text-align:center}.account-cards article>div span{font-weight:800}.account-cards article>div small{display:block;font-weight:400;font-size:11px}.showcase-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(1120px,100%);margin:0 auto}.compact-shot{min-width:0}.image-layout,.batch-layout{padding:18px;background:#f8fbff}.upload-box{display:grid;place-items:center;gap:6px;min-height:150px;border:1px dashed #a8c8ff;border-radius:10px;background:#fff;color:#7890b4;font-size:22px}.upload-box b{font-size:14px}.upload-box small{font-size:11px}.image-list{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid #dce7f6;border-radius:9px;background:#fff;color:#647994;font-size:12px}.image-list b{margin-right:auto}.image-list span{display:grid;place-items:center;width:36px;height:36px;border:1px dashed #9abdf5;border-radius:6px;color:#75a6ed;font-size:22px}.form-mini{display:grid;gap:6px;margin-top:12px;padding:12px;border:1px solid #cce0ff;border-radius:9px;background:#fff;font-size:12px}.form-mini>b{color:var(--blue)}.form-mini label{color:#627591}.form-mini>div{padding:8px;border:1px solid #dce7f6;border-radius:6px;color:#9aa9bd}.form-mini .text-line{height:55px}.batch-layout h3{margin:0 0 13px}.batch-layout label{display:grid;gap:5px;margin:9px 0;color:#536781;font-size:12px}.batch-layout label span{padding:8px;border:1px solid #d5e2f3;border-radius:6px;background:#fff;color:#a0aec0}.batch-layout label .area{height:47px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.channel-grid b{display:flex;justify-content:space-between;padding:7px;border:1px solid #a8cbff;border-radius:6px;background:#eff6ff;color:#4e6583;font-size:11px}.batch-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #dce7f6;font-size:12px}.batch-actions span,.batch-actions button{padding:7px 9px;border:1px solid #c5d9f7;border-radius:6px;background:#fff;color:#4d76b9}.batch-actions button{border:0;background:var(--blue);color:#fff}.history-shot{width:min(1120px,100%);margin:0 auto}.history-layout{padding:20px;background:#f8fbff}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-stats span{display:grid;gap:2px;padding:14px;border:1px solid #c5ddff;border-radius:9px;background:linear-gradient(135deg,#edf5ff,#fbfdff);color:#72809a;font-size:12px}.history-stats b{color:var(--blue);font-size:24px}.history-filter{margin:14px 0;padding:10px;border:1px solid #dce7f6;border-radius:8px;background:#fff;color:#74849b;font-size:12px}.history-filter button{float:right;border:0;background:#eef4fb;color:#61738d;padding:4px 8px;border-radius:5px}.history-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-items article{display:grid;gap:7px;padding:10px;border:1px solid #d8e5f5;border-radius:8px;background:#fff}.history-items i{height:76px;border-radius:6px;background:linear-gradient(135deg,#123254,#286aa1)}.history-items b{font-size:13px}.history-items small{color:#8391a6;font-size:11px}@media(max-width:700px){.account-cards,.showcase-pair,.history-items{grid-template-columns:1fr}.tabs{overflow:hidden;white-space:nowrap}.tabs span:nth-of-type(n+4){display:none}.account-head small{display:none}.page-showcase{padding-bottom:55px}.history-stats{grid-template-columns:1fr 1fr}.history-stats span:last-child{display:none}.channel-grid{grid-template-columns:1fr 1fr}}