:root{--ink:#173b39;--muted:#6a7f7c;--green:#147b68;--line:#dce7e1;--bg:#f4f6ef;--white:#fffefa}*{box-sizing:border-box}body{margin:0;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--bg);display:flex}aside{width:232px;position:fixed;height:100vh;padding:32px 22px;background:#153f3b;color:#f6fff7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:bold;font-size:21px}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:normal;margin-top:6px;color:#b7d4c8}.mark{border:1px solid #7fad9c;border-radius:13px;padding:8px 11px;font-size:27px}nav{margin-top:50px;display:grid;gap:8px}button{cursor:pointer;font:inherit;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:11px 18px;border-radius:9px}button:hover{border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}nav button{background:transparent;color:#c1d9cf;border:0;text-align:left;padding:15px 18px}nav button.active{background:#2b5b51;color:white}.aside-bottom{margin-top:auto;color:#9bbfb0;font-size:12px;line-height:1.8}main{margin-left:232px;max-width:1460px;width:calc(100% - 232px);padding:34px 42px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px}h1{font-size:22px;margin:10px 0}h2{font-size:20px;margin:0 0 16px}h3{margin:8px 0 12px}p{line-height:1.8}small,.muted{color:var(--muted)}.panel{background:var(--white);border:1px solid var(--line);padding:25px;border-radius:15px;margin-bottom:20px}.login{max-width:620px;margin:40px auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:350px;background:#e4eddb;border-radius:20px;overflow:hidden;padding:34px 42px;gap:35px}.hero h2{font-size:38px;line-height:1.4;margin:18px 0;font-weight:600}.hero p{font-size:14px;color:#5b7564}.pill{font-size:12px;background:#fffefa99;padding:6px 12px;border-radius:20px}.primary{background:var(--green);color:white;border-color:var(--green)}.hero-art{display:flex;align-items:center;justify-content:center}.landscape{width:100%;height:260px;border-radius:18px;background:linear-gradient(145deg,#94b49a 0%,#547e68 48%,#315c4b 49%,#b9cdb0 100%);box-shadow:18px 18px 0 #ffffff38;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:white;transform:rotate(-3deg)}.landscape span{border-bottom:1px solid #d4e5d17a;padding-bottom:15px;font-size:14px}.landscape b{font-weight:normal;font-size:20px}.landscape strong{font-size:46px;font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stat{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:12px}.stat strong{display:block;font-size:27px;margin-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-heading h2{margin:0}.section-heading span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:24px;border:1px solid var(--line);background:var(--white);border-radius:14px}.card p{font-size:13px;color:var(--muted)}.card-num{font-size:12px;color:var(--green);letter-spacing:2px}.badge{font-size:11px;display:inline-block;padding:4px 8px;border-radius:5px;background:#e6f1e8;color:#39715a}.badge.off{background:#f3ead9;color:#947129}label{display:block;font-size:13px;font-weight:500;margin:0 0 17px}input,textarea,select{display:block;width:100%;font:inherit;background:white;border:1px solid #ccdcd3;border-radius:7px;padding:11px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}input[type=checkbox]{width:auto;display:inline-block;margin:0 8px 0 0}input[type=file]{padding:14px}.check{display:flex;align-items:center;font-weight:normal;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}fieldset{border:1px solid var(--line);border-radius:8px;margin:4px 0 20px;padding:18px}legend{font-size:13px}.asset-choices{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.asset-choices label{margin:0;display:flex;align-items:center;font-size:12px}.list{display:grid;gap:12px}.row{padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--white)}.row .meta{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:7px 12px}.item{padding:10px 0;border-top:1px solid var(--line);font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#notice{position:sticky;top:8px;z-index:10;padding:0;border-radius:10px;font-size:13px}#notice.visible{padding:15px 20px;margin-bottom:20px;background:#fff2d8;border:1px solid #e8d2a3}.empty{padding:38px;text-align:center;color:var(--muted);border:1px dashed #bfd2c6;border-radius:12px}#quoteBox{margin-top:22px;padding:22px;border-radius:12px;background:#edf4e7}video{display:block;max-width:480px;width:100%;margin:20px auto;border-radius:12px}footer{font-size:11px;color:var(--muted);margin:36px 0 10px}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #80bba8;outline-offset:2px}@media(max-width:900px){aside{width:180px;padding:24px 15px}.brand{font-size:17px}main{margin-left:180px;width:calc(100% - 180px);padding:25px}.hero{padding:28px;grid-template-columns:1fr}.hero-art{display:none}.hero h2{font-size:31px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{display:block}aside{position:static;width:100%;height:auto;padding:18px}.aside-bottom{display:none}nav{margin-top:20px;display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px}.brand small{display:none}main{margin:0;width:100%;padding:18px}.cards,.grid{grid-template-columns:1fr}.hero{min-height:0}.hero h2{font-size:29px}.section-heading span{display:none}.asset-choices{grid-template-columns:1fr}h1{font-size:20px}}

#douyinPlayer{display:block;width:100%;max-width:420px;max-height:560px;margin:16px 0;background:#101b19;border-radius:12px}#douyinPlayer[hidden]{display:none}#douyinDownload{display:inline-block;margin:8px 0;color:#176a54;font-weight:700}#douyinDownload[hidden]{display:none}#douyinStatus{white-space:pre-wrap;overflow-wrap:anywhere}

#inlineClipUpload{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#clipUploadProgress{display:block;width:100%;margin-top:14px}#narrationSample{display:block;margin-top:12px;max-width:100%}

#bgmPreview{padding:12px 16px 18px;border:1px solid var(--line);border-radius:10px;margin:0 0 20px}#bgmSample{display:block;margin-top:12px;max-width:100%}#customBgmChoice{min-width:0}#bgmUploadStatus{overflow-wrap:anywhere}
.workflow-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.workflow-tabs button{border-radius:999px;background:#eef4eb}.workflow-tabs button.active{background:var(--green);border-color:var(--green);color:white}.prompt-workspace{border:1px solid #c9dfd0;background:#f6faf3;border-radius:14px;padding:22px;margin-bottom:22px}.prompt-workspace .section-heading{margin:0 0 18px}.prompt-workspace .section-heading h2{margin:4px 0 0}.prompt-workspace textarea[readonly]{background:#fffefa;white-space:pre-wrap}.portrait-preview{display:block;max-width:280px;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:10px;margin:0 0 18px}.prompt-workspace .spaced{margin-top:18px}#showLegacyCreator{margin-top:10px}
#avatarGeneration{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}#avatarGeneration audio{display:block;max-width:100%;margin:8px 0 14px}#avatarVideoResult{display:block;width:min(100%,420px);max-height:580px;margin:18px 0;border-radius:10px}#avatarVideoDownload{display:inline-block;margin-top:8px}
#scenicGeneration{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}#scenicVideoResult{display:block;width:min(100%,420px);max-height:580px;margin:18px 0;border-radius:10px}#scenicVideoDownload{display:inline-block;margin-top:8px}
#avatarVideoResult[hidden],#avatarVideoDownload[hidden],#scenicVideoResult[hidden],#scenicVideoDownload[hidden]{display:none}
@media(max-width:600px){.prompt-workspace .section-heading .eyebrow{display:inline}}
.wallet-hero{display:flex;justify-content:space-between;align-items:stretch;gap:24px;padding:30px;border-radius:20px;background:linear-gradient(125deg,#133f3b,#276d58);color:#f7fff7}.wallet-hero .eyebrow{color:#b9e1cc}.wallet-hero h2{font-size:30px;margin:10px 0}.wallet-hero p{font-size:14px;color:#daeee2;margin:0}.wallet-balance{min-width:230px;border:1px solid #ffffff44;background:#ffffff16;border-radius:16px;padding:22px}.wallet-balance span{display:block;font-size:12px;color:#d2e9da}.wallet-balance strong{display:block;font-size:38px;line-height:1.25;margin:7px 0}.wallet-balance small{font-size:12px;color:#d2e9da}.topup-grid,.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topup-card{position:relative;border:1px solid #cddfd0;border-radius:16px;padding:24px;background:#fffefa;display:flex;flex-direction:column;gap:12px;min-height:220px}.topup-card.featured{background:#eef5eb;border-color:#9fc6ac}.topup-card .topup-label{font-size:11px;letter-spacing:1.6px;color:#59766a}.topup-card .topup-price{font-size:31px;font-weight:700;line-height:1}.topup-card .topup-points{font-size:17px;font-weight:650}.topup-card button{margin-top:auto;align-self:start}.topup-card .topup-unit{font-size:12px;color:#60766e}.topup-status{background:#fff4dc;border:1px solid #e9d7a4;color:#745719;border-radius:10px;padding:12px 16px;font-size:13px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-item{border:1px solid var(--line);border-radius:12px;padding:17px 18px;background:var(--white)}.pricing-item span{display:block;color:var(--muted);font-size:12px}.pricing-item strong{display:block;margin-top:8px;font-size:20px}.pricing-item small{display:block;margin-top:8px;font-size:11px;line-height:1.5}.knowledge-pricing{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#edf5ed;border:1px solid #c5dfcb;border-radius:12px;padding:16px 18px;margin:17px 0}.knowledge-pricing strong,.knowledge-pricing span,.knowledge-pricing small{display:block}.knowledge-pricing strong{font-size:14px}.knowledge-pricing span{font-size:13px;margin-top:5px}.knowledge-pricing small{font-size:11px;margin-top:5px}.knowledge-pricing-actions{text-align:right;flex-shrink:0}.knowledge-pricing-actions button{margin-top:8px;padding:7px 10px;font-size:12px}@media(max-width:800px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wallet-hero,.knowledge-pricing{flex-direction:column;align-items:stretch}.wallet-balance{min-width:0}.topup-grid,.pricing-grid{grid-template-columns:1fr}.knowledge-pricing-actions{text-align:left}.knowledge-pricing-actions button{margin-top:10px}}
.register-details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.register-details summary{cursor:pointer;color:var(--green);font-size:14px;font-weight:650}.register-details form{margin-top:20px}.login form>button{min-width:170px}