:root{color:#191a18;background:#f6f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--ink: #191a18;--muted: #656b61;--line: #d9ded6;--surface: #ffffff;--surface-soft: #eef4ef;--accent: #2f6f63;--accent-dark: #214d46;--coral: #e45e3e;--yellow: #f0c54a;--danger: #b63f2f;--shadow: 0 18px 45px rgba(31, 39, 34, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--accent)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);background:linear-gradient(90deg,#f6f7f533,#f6f7f5f2),#f6f7f5}.login-gallery{position:relative;overflow:hidden;padding:36px;display:grid;grid-template-rows:auto minmax(330px,1fr) auto;gap:clamp(18px,3vh,34px);min-height:100vh}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-size:18px;z-index:2}.brand-mark.compact{font-size:17px}.logo-tile{width:36px;height:36px;display:inline-grid;place-items:center;background:var(--ink);color:#fff;border-radius:8px}.logo-tile.large{width:58px;height:58px;margin-bottom:18px}.gallery-stack{position:relative;min-height:330px;align-self:stretch;overflow:hidden}.gallery-shot{position:absolute;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.shot-1{width:min(46%,520px);aspect-ratio:4 / 5;left:8%;top:8%}.shot-2{width:min(42%,480px);aspect-ratio:1 / 1;right:10%;top:0}.shot-3{width:min(46%,560px);aspect-ratio:16 / 10;left:26%;bottom:5%}.login-copy{position:relative;z-index:2;max-width:520px;align-self:end}.login-copy h1{margin:0;font-size:58px;line-height:1;letter-spacing:0}.login-copy p{margin:18px 0 0;color:var(--muted);font-size:19px}.login-panel{min-height:100vh;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe0;border-left:1px solid var(--line)}.login-panel .panel-head,.login-panel .login-hints,.login-panel>.ghost-button,.login-panel>.error-text{width:min(330px,100%)}.panel-head,.section-title{display:flex;align-items:center;gap:10px}.panel-head h2,.section-title h2{margin:0;font-size:20px;line-height:1.2}.panel-head p{margin:4px 0 0;color:var(--muted)}.qr-box{width:286px;height:286px;margin:28px 0 18px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px}.qr-box img{width:260px;height:260px}.qr-box.small{width:176px;height:176px;margin:0}.qr-box.small img{width:150px;height:150px}.wechat-frame-box{width:330px;max-width:100%;height:392px;margin:28px 0 14px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.wechat-frame-box iframe{width:100%;height:100%;border:0;display:block}.login-hints{width:min(330px,100%);display:grid;gap:8px;margin:0 0 18px;color:var(--muted);font-size:13px}.login-hints button{width:fit-content;padding:0;background:transparent;color:var(--accent-dark);cursor:pointer;text-align:left;font-weight:700}.primary-button,.secondary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.primary-button{color:#fff;background:var(--accent);padding:0 18px;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.secondary-button{color:var(--ink);background:#fff;border:1px solid var(--line);padding:0 14px;font-weight:700}.ghost-button{color:var(--accent-dark);background:var(--surface-soft);padding:0 14px;font-weight:700}.icon-button{width:42px;height:42px;color:var(--ink);background:#fff;border:1px solid var(--line);text-decoration:none}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.58}.full{width:100%}.error-text{color:var(--danger);margin:12px 0 0;line-height:1.5}.mobile-confirm{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef4ef}.mobile-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:var(--shadow)}.mobile-card h1{margin:0 0 10px;font-size:28px}.mobile-card p{color:var(--muted);margin:0 0 22px}.mobile-card label{display:grid;gap:8px;margin:18px 0;color:var(--muted)}.mobile-card input{height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink)}.app-shell{min-height:100vh;padding:18px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.top-actions{display:flex;align-items:center;gap:10px}.credit-pill{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800}.avatar-button{background:var(--yellow);border-color:#191a181f;font-weight:900}.workspace-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(240px,300px);gap:14px;min-height:calc(100vh - 96px)}.compose-panel,.result-panel,.history-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0}.compose-panel,.history-panel{display:flex;flex-direction:column;gap:18px}.result-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.prompt-field{display:grid;gap:10px;color:var(--muted);font-weight:700}.prompt-field textarea,.edit-strip textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:13px;color:var(--ink);line-height:1.55;outline:none}.prompt-field textarea{min-height:190px}.prompt-field textarea:focus,.edit-strip textarea:focus,.mobile-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6f631f}.ratio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ratio-option{height:40px;border-radius:8px;background:#f4f6f3;color:var(--muted);cursor:pointer;font-weight:800}.ratio-option.active{background:var(--accent);color:#fff}.generate-button{height:48px}.idea-list{display:grid;gap:8px;margin-top:auto}.idea-list button{text-align:left;padding:10px 12px;border-radius:8px;background:#f4f6f3;color:var(--muted);cursor:pointer;line-height:1.45}.preview-zone{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.preview-image-wrap{display:grid;place-items:center;overflow:hidden;background:linear-gradient(45deg,#2f6f6314,#e45e3e1a),#f7f8f6;border:1px solid var(--line);border-radius:8px}.preview-image-wrap img{max-width:100%;max-height:calc(100vh - 245px);object-fit:contain;display:block}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-meta div:first-child{min-width:0;display:grid;gap:4px}.preview-meta span{color:var(--muted)}.preview-actions{display:flex;gap:8px}.empty-preview{min-height:360px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty-preview img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:8px}.edit-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.edit-strip textarea{min-height:64px;max-height:132px}.history-list{display:grid;gap:10px;overflow:auto;padding-right:2px}.history-item{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:70px;padding:6px;border-radius:8px;background:#f4f6f3;color:var(--ink);cursor:pointer;text-align:left;border:1px solid transparent}.history-item.active{border-color:var(--accent);background:#edf5f0}.history-item img{width:58px;height:58px;object-fit:cover;border-radius:8px}.history-item span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.muted{color:var(--muted);margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#191a1875}.recharge-modal{position:relative;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:8px;padding:22px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:18px}.plan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.plan-card{min-height:112px;display:grid;gap:4px;justify-items:start;align-content:center;padding:14px;border-radius:8px;background:#f4f6f3;border:1px solid transparent;cursor:pointer;color:var(--ink)}.plan-card.active{background:#edf5f0;border-color:var(--accent)}.plan-price{color:var(--coral);font-weight:900}.plan-card strong{font-size:20px}.plan-card em{min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:8px;background:var(--yellow);color:var(--ink);font-style:normal;font-size:12px;font-weight:800}.payment-area{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;background:#f4f6f3;border-radius:8px;padding:16px}.payment-area h3{margin:0 0 6px}.payment-area p{margin:0 0 14px;color:var(--muted)}@media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.history-panel{grid-column:1 / -1;min-height:180px}.history-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.plan-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.login-screen{grid-template-columns:1fr}.login-gallery{min-height:48vh;padding:24px}.login-panel{min-height:auto;padding:24px;border-left:0;border-top:1px solid var(--line)}.login-copy h1{font-size:42px}.workspace-grid{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.preview-image-wrap img{max-height:62vh}.edit-strip,.empty-preview{grid-template-columns:1fr}.empty-preview img{min-height:160px}}@media(max-width:560px){.app-shell{padding:12px}.topbar{display:grid}.top-actions{justify-content:start}.secondary-button{padding:0 12px}.compose-panel,.result-panel,.history-panel{padding:14px}.ratio-row,.plan-grid{grid-template-columns:repeat(2,1fr)}.payment-area{grid-template-columns:1fr}.qr-box{width:100%}}