@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#20272b;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.page-width{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{height:78px;background:#fff;border-bottom:1px solid #eae9e3;position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:19px;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:10px;background:#f36b4b;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #f36b4b40;font-size:22px;position:relative}.brand-mark span{font-size:9px;position:absolute;transform:translate(13px,-12px)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05;gap:5px}.brand small{font-size:8px;letter-spacing:.14em;font-weight:700;color:#a4a9a4}.site-nav{display:flex;align-items:center;gap:28px;margin-left:34px;height:100%;font-size:14px;color:#727779}.site-nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}.site-nav a.active,.site-nav a:hover{color:#252b2e;font-weight:700}.site-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#f36b4b}.balance-button{margin-left:auto;border:1px solid #ece9e2;background:#faf9f5;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700;white-space:nowrap;color:#353a3b}.balance-button:hover{border-color:#f36b4b;color:#dc5638}.service-banner{background:#fff3ec;color:#ab492e;padding:12px 24px;text-align:center;font-size:13px}.site-main{flex:1}.site-footer{border-top:1px solid #e8e6df;color:#8b8d8a;font-size:12px;padding:30px 0;background:#fff}.site-footer .page-width{display:flex;justify-content:space-between;gap:16px}.site-footer .page-width>div{display:flex;align-items:center;gap:16px}.site-footer p{margin:0}.eyebrow{display:flex;align-items:center;gap:9px;color:#e76b4b;font-weight:800;font-size:11px;letter-spacing:.19em;text-transform:uppercase}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:#ef7051;border-radius:50%;box-shadow:0 0 0 4px #fce6df}.primary-button,.secondary-button{border-radius:8px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:14px;font-weight:700;line-height:1.3;border:1px solid transparent;transition:transform .16s,background .16s,box-shadow .16s}.primary-button{background:#f36b4b;color:#fff;box-shadow:0 8px 22px #f36b4b33}.primary-button:not(:disabled):hover{background:#e45c3d;transform:translateY(-2px);box-shadow:0 12px 26px #f36b4b45}.secondary-button{background:#fff;color:#30373a;border-color:#dedfd9}.secondary-button:hover{border-color:#f36b4b;color:#e45c3d}.primary-button.light{background:#fff;color:#df6043;box-shadow:none}.primary-button.full{width:100%;justify-content:space-between}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding-block:72px 90px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(43px,4.8vw,68px);line-height:1.19;letter-spacing:-.065em;margin:22px 0 24px;font-weight:800}.hero h1 span{color:#ed6c4c}.hero p{font-size:16px;line-height:1.9;color:#72797b;max-width:490px;margin-bottom:31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;color:#969a97;margin-top:28px}.hero-note .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#92b4a0;vertical-align:middle;margin-right:7px}.hero-art{height:470px;border-radius:24px;background:linear-gradient(135deg,#f7e6db,#efe4d3 42%,#e2e8df);position:relative;overflow:hidden;box-shadow:0 25px 50px #5c463c17}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff60 1px,transparent 1px),linear-gradient(90deg,#ffffff60 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}.art-card{position:absolute;background:#ffffffdc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff;border-radius:15px;box-shadow:0 16px 40px #3f464822;display:flex;flex-direction:column;overflow:hidden}.art-card>span{padding:13px 15px 0;color:#979d9a;font-size:9px;font-weight:800;letter-spacing:.15em}.art-one{left:8%;top:16%;width:36%;height:215px;transform:rotate(-8deg)}.art-two{left:30%;top:8%;width:35%;height:214px;transform:rotate(7deg)}.art-result{right:7%;bottom:7%;width:49%;height:280px;background:#fff;transform:rotate(3deg);z-index:2}.art-result strong{text-align:center;font-size:12px;color:#444;margin-bottom:16px}.art-shape{margin:auto;position:relative}.art-shape-a{width:115px;height:135px;border-radius:34% 39% 28% 28%;background:linear-gradient(145deg,#e49f7d,#c56550);transform:rotate(-11deg);box-shadow:inset -16px -10px 25px #783a2e35,12px 16px 20px #8c433044}.art-shape-b{width:135px;height:100px;border-radius:50% 24% 43% 25%;background:linear-gradient(125deg,#627f82,#324f54);transform:rotate(19deg);box-shadow:inset -14px -12px 20px #172d3040,10px 15px 18px #213b3b44}.art-shape-c{width:155px;height:164px;border-radius:35% 42% 29% 29%;background:linear-gradient(135deg,#e29973 5%,#b96956 48%,#485f61 49%,#335257 80%);box-shadow:inset -19px -15px 22px #26363640,12px 19px 25px #31484942}.art-join{position:absolute;z-index:3;left:44%;top:53%;background:#f36b4b;color:#fff;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 18px #de6b4b75}.category-section{background:#fff;padding:80px 0 88px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:34px;letter-spacing:-.04em;margin:12px 0 0}.section-head p{max-width:340px;color:#848b8b;line-height:1.8;font-size:13px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.category-card{min-height:171px;border:1px solid #eeeee9;border-radius:12px;padding:21px;background:#fbfbf9;display:flex;flex-direction:column;position:relative;transition:transform .17s,box-shadow .17s,border-color .17s}.category-card:hover{transform:translateY(-4px);border-color:#f0ab98;box-shadow:0 14px 28px #75544813}.category-icon{font-size:23px;color:#f16d4d;margin-bottom:18px}.category-card strong{font-size:15px;margin-bottom:6px}.category-card small{color:#9ca09e;font-size:11px}.category-arrow{position:absolute;right:18px;bottom:16px;color:#ec6c4c}.flow-section{padding-block:100px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.flow-grid>div{border-top:1px solid #d8dbd4;padding-top:24px}.flow-grid span{font-size:13px;color:#ef6e50;font-weight:800}.flow-grid h3{font-size:20px;margin:32px 0 11px}.flow-grid p{color:#808989;font-size:13px;line-height:1.9;max-width:320px}.cta-section{background:#263e41;color:#fff;border-radius:17px;margin-bottom:92px;padding:42px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section .eyebrow{color:#ffbba7}.cta-section h2{font-size:31px;line-height:1.45;margin:13px 0 0}.studio-page{padding-block:55px 100px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:17px}.studio-heading h1{font-size:clamp(34px,3.9vw,51px);line-height:1.22;letter-spacing:-.055em;margin-bottom:14px}.studio-heading h1 em{font-style:normal;color:#eb6d4e}.studio-heading p{max-width:650px;color:#89918e;line-height:1.8;font-size:14px;margin-bottom:0}.status-pill{background:#fff;border:1px solid #e7e6de;border-radius:999px;padding:10px 14px;color:#777f7b;font-size:12px;white-space:nowrap}.stepper{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #eeeee9;padding:17px 24px;border-radius:11px;margin:31px 0 20px;color:#a7aca8;font-size:12px}.step b{margin-right:7px;color:#b0b4ae}.step.active,.step.active b{color:#ed6e50}.step-line{height:1px;background:#e3e4df;flex:1}.studio-layout{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(330px,1fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid #eeeee9;border-radius:13px;box-shadow:0 8px 28px #353e3510}.studio-form{padding:32px}.section-title>span,.side-label{color:#eb7155;font-size:11px;font-weight:800;letter-spacing:.1em}.section-title h2{font-size:21px;letter-spacing:-.025em;margin:9px 0 8px}.section-title p{color:#959d98;font-size:12px;line-height:1.8;margin:0 0 20px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-box{height:220px;border:1.5px dashed #d8dcd7;background:#fafaf7;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;position:relative;overflow:hidden;cursor:pointer;text-align:center}.upload-box:hover{border-color:#ed7858;background:#fff9f6}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:3;width:100%;height:100%}.upload-box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#f2f2ec}.upload-box.has-image:after{content:"更换图片";position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:99px;background:#252d2bbb;color:#fff;font-size:11px;z-index:2}.upload-symbol{width:42px;height:42px;background:#fce9e3;color:#ef7455;border-radius:10px;font-size:30px;line-height:38px}.upload-box strong{font-size:14px}.upload-box small{font-size:11px;color:#a7adaa}.upload-badge{position:absolute;left:12px;top:12px;background:#fff;border:1px solid #e8e9e4;border-radius:99px;font-size:10px;padding:5px 8px;color:#747e78;z-index:2}.section-divider{border-top:1px solid #ededeb;margin:31px 0}.field{display:flex;flex-direction:column;gap:10px;margin-top:22px}.field>span{font-size:13px;font-weight:700;color:#424b4a}.field>span small{font-size:11px;font-weight:400;color:#a6aaa6;margin-left:6px}.field input:not([type=radio]),.field textarea,.field select,.card-modal input{width:100%;border:1px solid #dfe2dc;border-radius:8px;background:#fff;padding:12px 13px;outline:none;color:#303735;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus,.card-modal input:focus{border-color:#ef8060;box-shadow:0 0 0 3px #f9ded5}.field textarea{resize:vertical;min-height:100px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b6bbb6}.option-row,.ratio-row{display:flex;gap:9px;flex-wrap:wrap}.option-row button{border:1px solid #e6e8e3;background:#fafaf8;color:#69716d;border-radius:7px;padding:9px 13px;font-size:12px}.option-row button.selected{border-color:#f3a48e;color:#df6646;background:#fff2eb}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ratio-row{min-height:44px;align-items:center}.ratio-row label{font-size:12px;color:#555f59;white-space:nowrap}.ratio-row input{accent-color:#ef7454;vertical-align:middle}.studio-side{display:flex;flex-direction:column;gap:20px}.summary-panel,.result-panel{padding:25px}.summary-preview{display:flex;align-items:center;justify-content:center;gap:12px;background:#f8f9f5;border-radius:10px;padding:22px;margin:19px 0}.summary-thumb{width:78px;height:78px;border-radius:8px;overflow:hidden;border:1px solid #e8e9e5;background:#fff;display:grid;place-items:center;color:#b9bfba;font-weight:800}.summary-thumb img{width:100%;height:100%;object-fit:cover}.merge-glyph{color:#ef7353;font-size:18px}.summary-panel h3{font-size:16px;margin-bottom:6px}.summary-panel>p:not(.fine-print):not(.form-error){color:#919995;font-size:12px;margin-bottom:20px}.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f0eb;font-size:12px;color:#8a938d}.summary-line strong{color:#39423d}.summary-panel .primary-button{margin-top:16px}.fine-print{font-size:11px;line-height:1.7;text-align:center;color:#a0a8a1;margin:14px 0 0}.form-error{background:#fff2ec;color:#ba563b;border:1px solid #f6c9b9;border-radius:7px;padding:10px;font-size:12px;line-height:1.6}.result-panel{min-height:240px}.result-empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#aab1a9}.result-empty span{font-size:28px;color:#e5d8d0}.result-empty p{font-size:13px;color:#6f7972;margin:8px 0 4px}.result-empty small{font-size:11px}.result-image{margin-top:16px;background:#f5f5f1;border-radius:8px;overflow:hidden}.result-image img{width:100%;max-height:500px;object-fit:contain}.result-foot{border-top:1px solid #efefea;padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#909890;font-size:12px}.text-button{color:#e66849;background:none;border:0;padding:0;font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}.standard-page{padding-block:65px 110px}.page-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 30px}.page-title-row h1{font-size:40px;letter-spacing:-.05em;margin-bottom:10px}.page-title-row p{font-size:13px;line-height:1.8;color:#919993;max-width:650px;margin:0}.empty-state{background:#fff;border:1px dashed #dce2db;border-radius:12px;min-height:310px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:30px;color:#909990}.empty-state>span{color:#ed7152;font-size:35px}.empty-state h2{font-size:22px;color:#343d38;margin:10px 0 0}.empty-state p{font-size:13px;margin:10px 0 24px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.history-card{background:#fff;border:1px solid #e8eae5;border-radius:11px;overflow:hidden;padding-bottom:20px}.history-media{height:220px;background:#eceee8;display:grid;place-items:center;color:#dfb3a4;font-size:35px}.history-media img{width:100%;height:100%;object-fit:cover}.history-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:18px 18px 0;color:#a6ada7;font-size:11px}.job-state{color:#e66b4c;font-weight:700}.history-card h3{padding:0 18px;font-size:16px;margin:12px 0 7px}.history-card p{padding:0 18px;color:#929a94;font-size:12px}.history-card .text-button{margin-left:18px}.admin-page{max-width:850px}.admin-panel{padding:30px;margin-top:24px}.admin-panel .field-grid{margin-bottom:20px}.codes-result{margin-top:25px;border-top:1px solid #ededeb;padding-top:20px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.codes-result textarea{width:100%;min-height:170px;border:1px solid #e1e3de;background:#f8f9f6;border-radius:8px;padding:12px;font-size:12px;resize:vertical}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#182321b3;z-index:40;display:grid;place-items:center;padding:20px}.card-modal{background:#fff;width:min(440px,100%);border-radius:16px;padding:32px;position:relative;box-shadow:0 25px 70px #0004}.card-modal h2{font-size:26px;margin:11px 0 9px}.card-modal p{font-size:13px;color:#838d85;line-height:1.8}.card-modal label{display:block;margin:24px 0 16px;font-size:12px;font-weight:700}.card-modal input{display:block;margin-top:8px}.card-modal>small{display:block;margin-top:16px;color:#9fa7a0;line-height:1.6}.modal-close{position:absolute;right:17px;top:16px;border:0;background:#f5f5f1;color:#65716b;width:31px;height:31px;border-radius:50%;font-size:20px;line-height:20px}@media (max-width:920px){.hero{grid-template-columns:1fr;gap:15px;padding-block:65px}.hero-art{height:420px}.category-grid{grid-template-columns:repeat(3,1fr)}.studio-layout{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.page-width{width:min(100% - 30px,1200px)}.site-header{height:auto;min-height:67px}.nav-inner{flex-wrap:wrap;gap:0;padding-block:13px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.balance-button{padding:7px 10px;font-size:11px}.site-nav{order:3;width:100%;height:40px;margin:10px 0 -13px;gap:24px;overflow:auto;font-size:12px}.hero{min-height:0;padding-block:50px}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-art{height:330px}.art-one,.art-two{height:150px}.art-result{height:190px}.art-shape-a{width:78px;height:86px}.art-shape-b{width:93px;height:63px}.art-shape-c{width:105px;height:104px}.art-result strong{font-size:9px}.category-section{padding-block:55px}.section-head{display:block}.section-head h2{font-size:27px}.section-head p{margin-top:11px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:150px}.flow-section{padding-block:65px}.flow-grid{grid-template-columns:1fr;gap:18px;margin-top:22px}.flow-grid h3{margin-top:14px}.cta-section{margin-bottom:60px;padding:29px;display:block}.cta-section h2{font-size:25px;margin-bottom:25px}.studio-page{padding-block:40px 70px}.studio-heading{display:block}.studio-heading h1{font-size:35px}.status-pill{display:inline-block;margin-top:15px}.stepper{gap:8px;padding:13px 12px;font-size:10px}.step b{display:block}.studio-form{padding:20px}.upload-grid{gap:9px}.upload-box{height:180px}.upload-box small{font-size:9px}.field-grid{grid-template-columns:1fr;gap:0}.studio-side{display:flex}.page-title-row{display:block}.page-title-row h1{font-size:32px}.page-title-row .secondary-button{margin-top:18px}.history-grid{grid-template-columns:1fr}.site-footer .page-width{display:block}.site-footer span{display:block;margin:5px 0}}