:root{--pink:#ef7fa6;--pink-strong:#d94f87;--pink-soft:#ffe2ec;--cream:#fff4d9;--cream-strong:#f4d18d;--ink:#392531;--muted:#765f68;--line:#efd6c5;--paper:#fffaf0;--white:#fff;--shadow:0 18px 50px #aa576f29}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}body{background:radial-gradient(circle at 10% 0,#ffe2ecd9,#0000 32rem),linear-gradient(135deg,#fffaf0 0%,#fff3db 42%,#ffe2ec 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0e6;border-bottom:1px solid #efd6c5b3;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px clamp(18px,4vw,54px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{background:var(--pink);width:40px;height:40px;color:var(--white);border-radius:8px;place-items:center;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.main-nav{justify-content:center;gap:8px;display:flex}.main-nav a,.ghost-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 13px}.main-nav a:hover,.ghost-button:hover{color:var(--ink);background:#ef7fa621}.inline-form,.header-actions{align-items:center;gap:8px;display:flex}.user-pill{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:var(--white);max-width:120px;color:var(--muted);border-radius:999px;padding:8px 12px;overflow:hidden}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 70px}.page-shell.compact{width:min(1240px,100% - 28px)}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(26px,5vw,72px);min-height:calc(100vh - 120px);padding-bottom:36px;display:grid}.hero-copy h1,.auth-panel h1,.workspace-header h1,.admin-hero h1,.empty-state h1{letter-spacing:0;margin:8px 0 14px;font-size:clamp(36px,7vw,72px);line-height:1.02}.hero-copy p,.auth-panel p,.workspace-header p,.admin-hero p,.empty-state p,.muted-text{color:var(--muted);line-height:1.75}.eyebrow{color:var(--pink-strong);letter-spacing:0;text-transform:uppercase;font-weight:800}.hero-actions,.result-head,.admin-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button{background:var(--pink-strong);color:var(--white);box-shadow:0 10px 26px #d94f873d}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.small{min-height:38px;padding:0 14px}.small-button{min-height:36px;padding:0 12px;font-size:14px}.primary-button.full,.secondary-button.full{width:100%}.secondary-button{border:1px solid var(--line);background:var(--white);color:var(--ink)}.hero-preview,.hero-showcase,.auth-panel,.generator-panel,.result-panel,.admin-card,.price-card,.history-card{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #efd6c5e6;border-radius:8px}.hero-preview{min-height:520px;overflow:hidden}.hero-showcase{background:linear-gradient(145deg, #fff4d9eb, #ffe2ece6), var(--white);min-height:0;padding:18px;position:relative;overflow:hidden}.showcase-square-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.showcase-square{gap:10px;display:grid}.showcase-square img,.showcase-fallback{aspect-ratio:1;border:1px solid var(--line);object-fit:contain;background:#fff8ea;border-radius:8px;width:100%}.showcase-fallback{background:linear-gradient(135deg,#ef7fa62e,#f4d18d47),repeating-linear-gradient(135deg,#ffffff8c 0 2px,#0000 2px 12px)}.showcase-square strong,.showcase-square span{display:block}.showcase-square span{color:var(--muted);margin-top:2px;font-size:13px}.showcase-art{min-height:405px;position:relative}.showcase-poster{color:var(--white);border:1px solid #ffffffa6;border-radius:8px;flex-direction:column;justify-content:end;gap:8px;padding:18px;display:flex;position:absolute;overflow:hidden;box-shadow:0 18px 44px #aa576f2e}.showcase-poster:before{content:"";background:linear-gradient(#0000 0%,#3925316b 100%),repeating-linear-gradient(135deg,#fff3 0 2px,#0000 2px 12px);position:absolute;inset:0}.showcase-poster span,.showcase-poster strong{position:relative}.showcase-poster span{font-size:13px;font-weight:800}.showcase-poster strong{font-size:clamp(22px,3vw,34px);line-height:1.15}.poster-main{background:radial-gradient(circle at 24% 28%,#ffffffe6,#0000 13%),linear-gradient(145deg,#ef7fa6,#f4d18d);width:64%;height:340px;top:18px;left:0}.poster-side{background:radial-gradient(circle at 74% 22%,#ffffffd9,#0000 14%),linear-gradient(160deg,#d94f87,#ffd78e);width:44%;height:245px;top:0;right:0}.poster-mini{width:38%;height:155px;color:var(--ink);background:radial-gradient(circle at 30% 35%,#ffffffc7,#0000 18%),linear-gradient(155deg,#f9b3c9,#fff4d9);bottom:0;right:7%}.showcase-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.showcase-footer div{gap:4px;display:grid}.showcase-footer span{color:var(--muted)}.preview-toolbar{border-bottom:1px solid var(--line);gap:7px;padding:16px;display:flex}.preview-toolbar span{background:var(--cream-strong);border-radius:999px;width:10px;height:10px}.preview-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:14px;padding:18px;display:grid}.preview-tile{color:var(--white);background:linear-gradient(135deg,#ef7fa6,#f4d18d);border-radius:8px;align-items:end;padding:18px;font-weight:800;display:flex}.preview-tile.large{background:linear-gradient(160deg,#f6a6bd,#d94f87);grid-row:span 2}.preview-tile.warm{background:linear-gradient(160deg,#ffd98f,#ef7fa6)}.preview-tile.cream{color:var(--ink);background:linear-gradient(160deg,#fff4d9,#f4d18d)}.feature-band{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:54px;display:grid}.feature-band article{border-top:3px solid var(--pink);padding:20px 10px}.feature-band h2,.split-section h2,.result-panel h2,.admin-card h2{margin:8px 0;font-size:22px}.feature-band p,.price-card p,.history-card p{color:var(--muted);line-height:1.65}.split-section{grid-template-columns:.8fr 1.2fr;align-items:start;gap:28px;display:grid}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.price-card{padding:18px}.price-card h3,.price-card p{margin:0 0 8px}.price-card strong{margin:12px 0 4px;font-size:28px;display:block}.price-card span{color:var(--pink-strong);font-weight:700}.wechat-qr,.qr-placeholder{border:1px dashed var(--pink);object-fit:contain;background:var(--white);border-radius:8px;width:180px;height:180px;margin-top:18px}.qr-placeholder{background:var(--white);color:var(--muted);text-align:center;place-items:center;padding:16px;display:grid}.auth-page,.empty-state{place-items:center;min-height:calc(100vh - 76px);padding:28px;display:grid}.auth-panel{grid-template-columns:1fr 320px;gap:24px;width:min(820px,100%);padding:clamp(18px,3vw,30px);display:grid}.auth-panel h1{font-size:clamp(28px,4vw,42px)}.auth-panel .wechat-qr,.auth-panel .qr-placeholder{width:150px;height:150px}.form-panel,.generator-panel,.admin-card,.admin-inline-form{gap:14px;display:grid}label{color:var(--muted);gap:7px;font-weight:700;display:grid}label span{align-items:center;gap:6px;display:inline-flex}input,select,textarea{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:8px;outline:none;min-height:42px;padding:10px 12px}.auth-panel input{min-height:38px;padding:8px 10px}.auth-panel .primary-button{min-height:40px}textarea{resize:vertical;min-height:156px}input:focus,select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ef7fa629}.form-error,.success-line,.status-line,.notice-box{border-radius:8px;padding:12px 14px}.form-error{color:#9e2637;background:#ffe4e4}.success-line{color:#247044;background:#e7f9ed}.status-line,.notice-box{background:var(--cream);color:#80622a;align-items:center;gap:8px;display:inline-flex}.status-line.done{color:#247044;background:#e7f9ed}.status-line svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace-header,.admin-hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.workbench-layout{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.generator-panel,.result-panel,.admin-card{padding:18px}.segmented{border:1px solid var(--line);background:var(--cream);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.segmented button.active{background:var(--white);color:var(--pink-strong);box-shadow:0 6px 16px #ae784921}.upload-zone{border:1px dashed var(--pink);cursor:pointer;text-align:center;background:#fff4d98c;border-radius:8px;place-items:center;min-height:124px;display:grid}.upload-zone input{display:none}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid,.result-grid,.history-images{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-grid{grid-template-columns:repeat(auto-fit,minmax(132px,180px))}.reference-grid img,.result-grid img,.history-images img,.image-placeholder{aspect-ratio:1;object-fit:cover;background:var(--cream);border-radius:8px;width:100%}.result-image-button{background:var(--cream);cursor:zoom-in;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.result-image-button img{object-fit:contain;background:#fff8ea}.result-image-button span{color:var(--ink);background:#ffffffeb;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;right:8px}.result-head{justify-content:space-between;margin-bottom:12px}.result-head a{color:var(--pink-strong);align-items:center;gap:6px;font-weight:700;display:inline-flex}.result-empty{min-height:420px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.image-placeholder{color:var(--muted);text-align:center;place-items:center;display:grid}.small-qr{width:132px;height:132px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.history-list{gap:16px;display:grid}.history-card{padding:12px}.history-list .history-card{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:stretch;gap:18px;padding:14px;display:grid}.history-media,.history-detail{min-width:0}.image-open-button{background:var(--cream);cursor:zoom-in;border:0;border-radius:8px;width:100%;padding:0;position:relative;overflow:hidden}.image-open-button span{color:var(--ink);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;bottom:10px;right:10px}.history-main-image{object-fit:contain;background:#fff8ea;width:100%;height:clamp(120px,13vw,150px)}.history-detail{flex-direction:column;justify-content:space-between;gap:14px;padding:4px 4px 4px 0;display:flex}.history-detail h2{letter-spacing:0;margin:8px 0;font-size:clamp(20px,2.4vw,30px);line-height:1.35}.history-detail p{margin:0}.history-mode{background:var(--pink-soft);width:fit-content;color:var(--pink-strong);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-flex}.history-subtitle{color:var(--ink);margin-bottom:8px;display:block}.reference-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.reference-strip button{border:1px solid var(--line);background:var(--white);cursor:zoom-in;border-radius:8px;flex:0 0 72px;padding:0;overflow:hidden}.reference-strip img{object-fit:cover;width:72px;height:72px}.history-actions{flex-wrap:wrap;gap:8px;display:flex}.history-card small{color:var(--muted);margin-top:5px;display:block}.image-modal{z-index:40;background:#392531b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal-panel{background:var(--paper);border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1100px,100%);max-height:min(92vh,900px);display:grid;overflow:hidden;box-shadow:0 24px 70px #00000047}.image-modal-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.image-modal-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-weight:700;overflow:hidden}.image-modal-bar div{gap:8px;display:flex}.image-modal-panel img{object-fit:contain;background:#fff8ea;width:100%;height:100%;max-height:calc(92vh - 68px)}.admin-shell{width:min(1320px,100% - 28px);margin:0 auto;padding:32px 0 70px}.admin-stats span{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:999px;padding:8px 12px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.admin-card{margin-bottom:16px}.admin-card h2{align-items:center;gap:8px;display:inline-flex}.admin-inline-form{grid-template-columns:repeat(4,minmax(160px,1fr)) auto;align-items:end}.site-config-form{grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto}.upload-button{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.upload-button input{display:none}.admin-qr-preview{margin-top:12px}.home-image-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preview-upload{gap:10px;display:grid}.preview-upload img,.preview-upload .qr-placeholder{aspect-ratio:1;object-fit:contain;width:100%;height:auto;margin:0}.checkbox-row,.switch-row{justify-content:center;align-items:center;gap:8px;display:inline-flex}.checkbox-row input,.switch-row input{width:18px;min-height:18px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1100px}th{text-align:left;color:var(--muted);padding:8px 6px;font-size:13px}td{border-top:1px solid var(--line);padding:7px 0}.row-form{grid-template-columns:1.05fr .7fr .5fr .5fr .95fr 1.25fr .5fr .9fr 82px;align-items:center;gap:8px;display:grid}.table-number{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff4d973;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.row-save-button{min-height:40px;padding:0 10px}.package-row-form{grid-template-columns:1.1fr .7fr .7fr .7fr .55fr .55fr 1.2fr 46px 66px}.icon-button,.danger-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;display:inline-flex}.danger-button{color:#a12a2a;border-color:#ffb3b3}.generation-list{gap:10px;display:grid}.generation-list article{border-top:1px solid var(--line);gap:4px;padding-top:10px;display:grid}.generation-list span,.generation-list p{color:var(--muted);margin:0}@media (max-width:920px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px}.brand{grid-column:1}.header-actions{grid-column:2;justify-content:end}.main-nav{grid-column:1/-1;justify-content:flex-start;gap:6px;overflow-x:auto}.main-nav a{min-height:36px;padding:7px 12px}.hero-section,.split-section,.auth-panel,.workbench-layout,.admin-grid{grid-template-columns:1fr}.hero-section,.hero-preview,.hero-showcase{min-height:auto}.feature-band,.pricing-grid,.history-grid,.home-image-admin-grid,.admin-inline-form,.site-config-form{grid-template-columns:repeat(2,minmax(0,1fr))}.history-list .history-card{grid-template-columns:1fr}.history-detail{padding:0}}@media (max-width:620px){.page-shell,.admin-shell{width:min(100% - 20px,100%);padding-top:16px}.site-header{padding:10px 12px}.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:17px;overflow:hidden}.brand small{font-size:11px}.inline-form{gap:6px}.user-pill{max-width:92px;padding:7px 10px}.ghost-button{padding:7px 8px}.generator-panel,.result-panel,.admin-card{padding:14px}textarea{min-height:128px}.result-empty{min-height:220px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.feature-band,.pricing-grid,.history-grid,.showcase-square-grid,.home-image-admin-grid,.field-grid,.field-grid.two,.field-grid.three,.admin-inline-form,.site-config-form{grid-template-columns:1fr}.hero-showcase{padding:12px}.showcase-footer,.image-modal-bar{flex-direction:column;align-items:stretch}.image-modal{padding:10px}.workspace-header,.admin-hero{flex-direction:column;align-items:start}.hero-copy h1,.auth-panel h1,.workspace-header h1,.admin-hero h1,.empty-state h1{font-size:38px}}