:root{--bg:#fffaf2;--paper:#fffdf9;--ink:#3c271a;--muted:#9a8068;--line:#efd8b8;--orange:#f58d1f;--orange-soft:#fff0d8;--brown:#5a321d;--shadow:0 16px 38px #874d1b12}
*{box-sizing:border-box}html,body{margin:0;min-width:1180px;background:radial-gradient(circle at 88% 0,#ffedcc 0,transparent 32%),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{cursor:pointer}
.app-shell{display:flex;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:254px;padding:24px 14px 20px;background:#fffdf9ee;border-right:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 24px}.bull{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#ffd878,#ec821b);font-size:29px;box-shadow:0 8px 20px #d47e2338}.brand b{display:block;color:var(--brown);font:700 20px Georgia,"Songti SC",serif}.brand small{display:block;margin-top:3px;color:#aa8d72;font-size:11px}.side-label{margin:4px 12px 8px;color:#c0905c;font-size:11px;letter-spacing:2px}.nav{display:grid;gap:5px;max-height:calc(100vh - 260px);overflow:auto}.nav button{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;background:transparent;color:#795f49;text-align:left;font-size:14px}.nav button:hover,.nav button.active{background:linear-gradient(90deg,#fff0d9,#fffaf2);color:#d7751c;box-shadow:inset 3px 0 var(--orange)}.nav i{width:20px;color:#b7895f;text-align:center;font-style:normal;font-size:17px}.side-note{position:absolute;left:22px;right:22px;bottom:20px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff6e6;color:#9a744f;font-size:11px;line-height:1.6}.side-note b{display:block;color:#a4511c;font-size:12px}
.main{width:calc(100% - 254px);margin-left:254px;padding:0 42px 55px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1e2cf}.top-note{color:#b07b4d;font-size:13px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:12px}.balance{display:flex;align-items:center;gap:5px;padding:9px 14px;border:1px solid #f2c57e;border-radius:22px;background:#fffaf0;color:#8b592b}.balance strong{color:#c4671b;font-size:17px}.balance em{font-style:normal;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffd88b,#ee8120);color:#663517;font-weight:800;font-size:16px}.page-head{display:flex;justify-content:space-between;align-items:end;padding:28px 2px 20px}.eyebrow{color:#ed7a1c;font-weight:800;letter-spacing:1.4px;font-size:12px}.page-head h1{margin:7px 0 5px;color:#342116;font:700 34px Georgia,"Songti SC",serif}.page-head p{margin:0;color:var(--muted);font-size:14px}.head-chip{padding:10px 16px;border:1px solid #f0d2a7;border-radius:22px;color:#9d7956;background:#fffaf2;font-size:12px}.head-chip b{color:#d9751e}
.home-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:440px;overflow:hidden;border:1px solid #f0d3a6;border-radius:0 0 28px 28px;background:linear-gradient(115deg,#fffaf1,#ffe4a8);box-shadow:var(--shadow)}.home-hero:after{content:"🐂";position:absolute;right:12%;bottom:-28px;font-size:260px;filter:drop-shadow(0 15px 12px #82431822)}.hero-copy{position:relative;z-index:1;display:flex;justify-content:center;flex-direction:column;padding:45px 25px 42px 55px}.hero-copy .kicker{color:#ef791c;font-size:16px;font-weight:800}.hero-copy h2{margin:14px 0;color:#3b2112;font:700 57px/1.05 Georgia,"Songti SC",serif}.hero-copy h2 em{color:#f07c18;font-style:normal}.hero-copy p{max-width:470px;color:#84664c;font-size:19px;line-height:1.6}.hero-buttons{display:flex;gap:12px;margin-top:20px}.hero-stats{display:flex;gap:24px;margin-top:28px}.hero-stats b{display:block;font-size:24px}.hero-stats small{color:#9a7656}.hero-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hero-visual .circle{display:grid;place-items:center;width:390px;height:390px;border-radius:50%;background:#ffc54d;font-size:190px;box-shadow:inset 0 0 0 25px #ffe3a277}.hero-bubble{position:absolute;right:32px;top:52px;padding:13px 18px;border:2px solid #efbd69;border-radius:18px;background:#fffdf8;font-weight:800;line-height:1.5}.features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin:-1px 27px 0;overflow:hidden;border:1px solid #f0dfca;border-radius:22px;background:#fffdfaf5;box-shadow:var(--shadow)}.features article{display:flex;align-items:center;gap:12px;padding:21px 18px;border-right:1px solid #f1e4d5}.features article:last-child{border:0}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#fff0d5;color:#ed851c;font-size:24px}.features b,.features small{display:block}.features small{margin-top:4px;color:#9e856e;font-size:11px}.scene-section{padding:40px 27px}.scene-section h2{text-align:center;font:700 27px Georgia,"Songti SC",serif}.scene-section p{text-align:center;color:var(--muted)}.scenes{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.scenes button{min-height:130px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;color:#513522;text-align:left}.scenes button:hover{transform:translateY(-2px);border-color:#eea64b;box-shadow:var(--shadow)}.scenes i{display:block;margin-bottom:12px;color:var(--orange);font-size:22px;font-style:normal}.scenes small{display:block;margin-top:5px;color:#a38b74;font-size:10px;line-height:1.4}
.grid{display:grid;grid-template-columns:minmax(600px,1.3fr) minmax(340px,.7fr);gap:20px;align-items:start}.card{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font:700 24px Georgia,"Songti SC",serif}.muted{color:var(--muted);line-height:1.7}.section{margin-top:20px}.label{margin-bottom:8px;color:#65452e;font-weight:800;font-size:14px}.upload{padding:18px;border:1.5px dashed #e7c691;border-radius:15px;background:#fffaf2}.upload-label,.role-button,.video-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;background:#fff0d7;color:#c5671a;font-weight:800;cursor:pointer}.upload-label input,.role-button input,.video-button input{display:none}.upload-tip{margin:8px 0;font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(6,minmax(70px,1fr));gap:10px}.thumb{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid #ead7bc;border-radius:11px;background:#f4f0eb;color:#b6a898}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-wrap{position:relative}.remove{position:absolute;right:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#392f2acc;color:#fff}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role{padding:15px;border:1.5px dashed #e7c691;border-radius:15px;background:#fffaf2}.role h3{margin:0 0 5px;font-size:15px}.role small{display:block;min-height:34px;color:var(--muted)}.role img{display:block;width:140px;height:100px;object-fit:cover;margin-top:12px;border-radius:10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:9px 13px;border:1px solid #e8d2b1;border-radius:11px;background:#fffaf3;color:#795b43}.pill.active{border-color:#ec9b3b;background:#fff0d9;color:#c56819;font-weight:800}.choice-group{margin-top:18px}.model-panel{padding-top:18px;border-top:1px solid #f2e2cf}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field select,.field input,.card textarea,.redeem input{width:100%;padding:11px 12px;border:1px solid #e8cfaa;border-radius:11px;background:#fffdf9;color:#4e3524;outline:0}.card textarea{min-height:105px;resize:vertical;line-height:1.6}.cost-note{margin-top:10px;padding:9px 11px;border-radius:9px;background:#fff5e4;color:#9f744c;font-size:12px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.primary,.secondary{padding:11px 18px;border-radius:11px;font-weight:800}.primary{background:linear-gradient(135deg,#f8a632,#ef8018);color:#fff;box-shadow:0 8px 18px #ed8b292d}.secondary{border:1px solid #efd1a5;background:#fff1dd;color:#945c32}.result-card h2{margin-bottom:16px}.result{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:15px;border:1.5px dashed #ebd6b9;border-radius:16px;background:#fff9f0}.result img{max-width:100%;max-height:480px;object-fit:contain;border-radius:10px;cursor:zoom-in}.result-error{width:100%;padding:18px;border-radius:12px;background:#fff0e9;color:#c75d35;text-align:center;line-height:1.7}.loading{display:grid;place-items:center;gap:10px;color:#c46a21}.spinner{width:30px;height:30px;border:3px solid #f4d6aa;border-top-color:#ee851b;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.download-row{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:12px}.download-menu{position:absolute;right:0;bottom:42px;display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;box-shadow:var(--shadow)}.download-menu.hidden{display:none}.download-menu button{padding:9px 13px;border:1px solid #e9c996;border-radius:9px;background:#fff8ec;color:#a7551c;font-weight:800}.preview{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#28190dcc}.preview.hidden{display:none}.preview img{max-width:86vw;max-height:85vh;padding:8px;border-radius:12px;background:#fff}.preview button{position:fixed;right:30px;top:25px;width:38px;height:38px;border-radius:50%;background:#fff;color:#53311d;font-size:24px}
.crop-box{position:relative;min-height:330px;overflow:hidden;border-radius:14px;background:#e9edf1}.crop-box>img{width:100%;height:330px;object-fit:contain}.crop-region{position:absolute;left:8%;top:14%;width:84%;height:72%;border:3px solid var(--orange);box-shadow:0 0 0 999px #25252555;cursor:move;touch-action:none}.crop-region:before,.crop-region:after{content:"";position:absolute;width:13px;height:13px;border:3px solid var(--orange);border-radius:50%;background:#fff}.crop-region:before{left:-9px;top:-9px}.crop-region:after{right:-9px;bottom:-9px}.crop-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 9px;border-radius:6px;background:#fff9;color:#cf691b;font-size:12px;white-space:nowrap}.toolbox{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbox input{width:150px}.ledger{margin-top:18px;padding-top:16px;border-top:1px solid #f1dfc8}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px 0;border-bottom:1px solid #f4e7d9;color:#795b43}.ledger-row b.plus{color:#318c5d}.ledger-row b.minus{color:#c65e38}.ledger-row small{grid-column:1/-1;color:#ad9987}.package-list{display:grid;gap:9px}.package{position:relative;display:grid;grid-template-columns:120px 100px 1fr 30px;gap:10px;align-items:center;padding:15px;border:1px solid #efd5ad;border-radius:15px;background:#fffdf9;color:#563a27;text-align:left}.package.selected{border-color:var(--orange);background:#fff2db}.package .tag{position:absolute;top:-10px;left:14px;padding:3px 10px;border-radius:12px;background:#25aee4;color:#fff;font-size:11px}.package:nth-child(3) .tag{background:#f25b78}.package:nth-child(4) .tag{background:#9570df}.package:nth-child(5) .tag{background:#e6a611}.service-level{color:#6a4026;font-size:18px;font-weight:800}.package strong{color:#b45d16}.manual{margin-top:14px;padding:14px;border:1px solid #efd0a1;border-radius:13px;background:#fff5e3;color:#996a42;line-height:1.7}.manual b{display:block;color:#c2611a}.redeem{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.notice{margin-top:10px;padding:10px;border-radius:10px;background:#fff0e9;color:#c7613a;font-size:12px}.member-grid,.legal-grid{display:grid;grid-template-columns:1fr 360px;gap:20px}.member-list{padding-left:20px;line-height:2;color:#76583f}.device-list{display:grid;gap:10px}.device{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #edd9bd;border-radius:11px;background:#fffaf3}.device small{display:block;color:#9c8874}.site-footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:35px;padding:18px 3px 0;border-top:1px solid #f0dfca;color:#a58d76;font-size:11px}.site-footer a{color:#bb6b27}.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#2d1e12aa}.modal.hidden{display:none}.modal-box{position:relative;width:420px;padding:28px;border:1px solid #efd09f;border-radius:20px;background:#fffaf2;box-shadow:0 22px 60px #2d1e1244}.modal-close{position:absolute;right:14px;top:10px;background:transparent;color:#7d6048;font-size:24px}.modal-box h2{margin-top:0;font:700 24px Georgia,"Songti SC",serif}.modal-box input{width:100%;margin:7px 0;padding:11px;border:1px solid #e8cda8;border-radius:10px;background:#fffdf9}.modal-actions{display:grid;gap:9px;margin-top:12px}.center{text-align:center}.video-placeholder{display:grid;place-items:center;min-height:300px;margin-top:16px;border:1.5px dashed #e7c691;border-radius:15px;background:#fff8ec;color:#ad9276}.video-preview{display:block;max-width:100%;max-height:500px;margin-top:16px;border-radius:13px}.legal-item{padding:14px;margin-top:10px;border:1px solid #efddc6;border-radius:12px;background:#fff7eb;color:#856b53;line-height:1.7}.hidden{display:none!important}@media(max-width:1250px){.main{padding:0 24px}.hero-copy{padding-left:35px}.hero-copy h2{font-size:48px}.scenes{grid-template-columns:repeat(3,1fr)}}
.side{width:404px;padding:28px 10px 24px;background:#fffdf9;border-right:1px solid #eadbc8}
.brand{display:block;padding:4px 20px 34px}
.brand-logo{display:block;width:320px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.brand small{display:block;margin:13px 2px 0;color:#aa896b;font-size:18px;letter-spacing:.2px}
.side-label{margin:0 20px 14px;color:#bd9169;font-size:17px;letter-spacing:1.8px}
.nav{gap:6px;max-height:calc(100vh - 265px);padding:0 0 10px}
.nav button{min-height:56px;padding:13px 26px;border-radius:22px;gap:22px;color:#806a56;font-size:20px;line-height:1.35}
.nav button:hover,.nav button.active{background:linear-gradient(90deg,#fff0d9,#fffaf2);color:#d7751c;box-shadow:inset 5px 0 var(--orange)}
.nav i{width:22px;color:#b58d67;font-size:20px}
.nav button.active i{color:var(--orange)}
.side-note{display:none}
.main{width:calc(100% - 404px);margin-left:404px;padding:0 54px 55px}
.topbar{height:122px;border-bottom:1px solid #f0dfca}
.top-note{font-size:19px;color:#a9805f;letter-spacing:.3px}
.top-actions{gap:14px}
.balance{padding:12px 18px;border-radius:28px;font-size:15px}
.balance strong{font-size:19px}
.avatar{width:46px;height:46px;font-size:18px}
.home-hero{display:block;min-height:0;border:0;border-radius:30px;overflow:hidden;background:transparent;box-shadow:none}
.hero-art{display:block;width:100%;height:auto;border:1px solid #efcb92;border-radius:30px;box-shadow:0 16px 38px #874d1b12}
.hero-hotspot{position:absolute;z-index:4;display:block;padding:0;border:0;background:transparent;border-radius:30px}
.hero-hotspot:hover{background:#ffffff0d;outline:2px solid #ffffff35}
.hero-hotspot.trial{left:9.3%;top:68.8%;width:16%;height:11.5%}
.hero-hotspot.video{left:26%;top:68.8%;width:15%;height:11.5%}
.features{margin:-1px 27px 0;border-radius:26px}
.features article{padding:24px 22px;min-height:112px}
.feature-icon{width:54px;height:54px;border-radius:18px;font-size:28px}
.features b{font-size:20px}
.features small{font-size:14px}
.scene-section{padding:62px 27px 40px}
.scene-section h2{font-size:31px;margin:0 0 8px}
.scene-section p{font-size:17px;margin:0 0 25px}
.scenes{grid-template-columns:repeat(3,1fr);gap:20px}
.scenes button{min-height:170px;padding:23px;border-radius:22px;background:#fffdf9}
.scenes i{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:18px;background:#fff0d5;font-size:27px}
.scenes b{font-size:19px}
.scenes small{font-size:14px;line-height:1.5}
@media(max-width:1500px){.side{width:330px}.main{width:calc(100% - 330px);margin-left:330px;padding-left:34px;padding-right:34px}.brand-logo{width:270px}.brand small{font-size:16px}.nav button{padding-left:20px;padding-right:18px;font-size:18px;gap:16px}}
.home-hero:after{content:none}