:root{--primary: #b58041;--primary-50: #f8f2ec;--primary-100: #f0e6d9;--primary-200: #e1ccb3;--primary-300: #d3b38d;--primary-400: #c49967;--primary-500: #b58041;--primary-600: #9f7139;--primary-700: #865f30;--primary-800: #694a26;--primary-900: #48331a;--bg: #f9f4ef;--surface: #ffffff;--text: #363333;--text-dark: #f6ece5;--muted: #6b7280;--muted-dark: #c9b6a9;--app-bg: #f7f4ef;--app-surface: #ffffff;--app-text: #1f2328;--app-muted: #6b7280;--app-blackTheme1: #ffe066;--app-success: #38b000;--app-warning: #f4a261;--app-shadow: 0 16px 40px rgba(31, 35, 40, .12);--app-radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Space Grotesk,IBM Plex Sans,PingFang SC,Microsoft Yahei,sans-serif;background:radial-gradient(circle at top,#ffffff 0%,var(--app-bg) 55%,#efe7dd 100%);color:var(--app-text);overflow:hidden}.page{height:100%;padding:32px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-radius:var(--app-radius);background:linear-gradient(135deg,var(--app-surface),rgba(255,255,255,.4));box-shadow:var(--app-shadow)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px;border-radius:16px;background:conic-gradient(from 90deg,var(--primary-300),var(--app-blackTheme1),var(--primary-700),var(--primary-300))}.brand-title{font-family:Fraunces,Songti SC,serif;font-size:20px;font-weight:700}.brand-sub{color:var(--app-muted);font-size:13px}.top-actions{display:flex;gap:12px}button{border:none;padding:6px 8px;border-radius:999px;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 16px #0000001f}.primary{background:var(--primary-600);color:#fff}.ghost{background:transparent;border:1px solid rgba(0,0,0,.1);color:var(--app-text)}.danger{background:#ef4444;color:#fff}.layout{margin-top:24px;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px;flex:1;min-height:0}.panel{padding:24px;border-radius:var(--app-radius);background:linear-gradient(170deg,var(--app-surface) 0%,rgba(255,255,255,.72) 100%);box-shadow:var(--app-shadow);min-height:0;overflow:auto}.panel h2{margin:0 0 8px;font-size:20px}.desc{margin:0 0 20px;color:var(--app-muted);font-size:14px}.token-grid{display:grid;gap:14px}.token label{display:block;font-size:13px;margin-bottom:6px}.token-inputs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.token-inputs input[type=color]{width:48px;height:34px;border:none;background:transparent}.token-inputs input[type=text]{flex:1;min-width:120px;padding:8px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);font-family:Space Grotesk,IBM Plex Sans,sans-serif}.palette{margin-top:18px}.palette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.palette-hint{font-size:12px;color:var(--app-muted)}.palette-grid{display:grid;gap:8px}.palette-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fafafa;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.palette-item:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00000014}.swatch{width:50px;height:26px;border-radius:10px;border:1px solid rgba(0,0,0,.08)}.palette-meta{display:flex;flex-direction:column;gap:2px;font-size:11px}.palette-meta strong{font-size:13px}.preset{margin:18px 0}.preset h3{margin:0 0 10px;font-size:16px}.preset-buttons{display:flex;flex-wrap:wrap;gap:10px}.chip{background:var(--primary-100);color:var(--app-text);border:1px solid rgba(0,0,0,.08)}.export{margin-top:24px}.export-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.export-head h3{margin:0;font-size:16px}#exportBox{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fafafa;font-size:12px;font-family:IBM Plex Mono,Menlo,monospace;resize:vertical}.preview{display:flex;flex-direction:column;gap:24px;min-height:0}.template-tabs{display:flex;flex-wrap:wrap;gap:10px}.tab-link{margin-left:auto;text-decoration:none;background:var(--primary-600);color:#fff;padding:8px 16px;border-radius:999px;font-size:14px}.tab{background:transparent;border:1px solid rgba(0,0,0,.12);color:var(--app-text);padding:8px 16px;border-radius:999px}.tab.active{background:var(--primary-600);color:#fff;border-color:transparent}.template-preview{width:100%;height:100%;background:var(--app-surface);border-radius:var(--app-radius);box-shadow:var(--app-shadow);overflow:hidden;flex:1;min-height:0}.template-preview iframe{width:100%;height:100%;border:none;display:block;background:var(--app-bg)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:32px;border-radius:var(--radius);background:linear-gradient(145deg,#fffffff2,#ffffff80);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--primary-600);font-weight:600}.hero h1{font-family:Fraunces,Songti SC,serif;font-size:32px;margin:12px 0 8px}.hero p{margin:0 0 16px;color:var(--app-muted)}.hero-actions{display:flex;gap:12px;margin-bottom:16px}.ai-hero .hero-actions{margin-top:6px}.ai-input{display:flex;gap:10px;margin:18px 0 8px}.ai-input input{flex:1;border-radius:999px;border:1px solid rgba(0,0,0,.12);padding:10px 16px;font-size:14px}.ai-result{display:grid;gap:12px}.ai-card{background:var(--surface);border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px #0000000d;display:grid;gap:10px}.ai-img{height:140px;border-radius:12px;background:linear-gradient(135deg,var(--primary-200),var(--primary-500))}.ai-img.alt{background:linear-gradient(135deg,var(--primary-100),var(--primary-700))}.ai-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.ai-title{font-weight:600;color:var(--text)}.ai-list{background:var(--surface);border-radius:16px;padding:16px;display:grid;gap:10px;box-shadow:inset 0 0 0 1px #0000000d}.lightTheme2-gallery{display:grid;gap:12px}.lightTheme2-card{background:var(--surface);border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px #0000000d;display:grid;gap:10px}.lightTheme2-img{height:150px;border-radius:12px;background:linear-gradient(135deg,var(--primary-100),var(--primary-500))}.lightTheme2-img.alt{background:linear-gradient(135deg,var(--primary-200),var(--primary-700))}.lightTheme2-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.lightTheme2-title{font-weight:600;color:var(--text)}.lightTheme2-tools{background:var(--surface);border-radius:16px;padding:16px;display:grid;gap:10px;box-shadow:inset 0 0 0 1px #0000000d}.lightTheme1-stage{display:grid;gap:14px}.lightTheme1-main{height:200px;border-radius:16px;background:linear-gradient(135deg,var(--primary-300),var(--primary-700));display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:12px}.lightTheme1-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lightTheme1-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.lightTheme1-thumb{height:70px;border-radius:10px;background:linear-gradient(135deg,var(--primary-100),var(--primary-500))}.list-item{display:flex;justify-content:space-between;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-value{font-size:20px;font-weight:600}.stat-label{font-size:12px;color:var(--app-muted)}.hero-visual{display:grid;gap:16px}.visual-card{background:var(--surface);border-radius:16px;padding:18px;box-shadow:inset 0 0 0 1px #0000000d}.visual-top{display:flex;justify-content:space-between;font-size:13px;color:var(--app-muted)}.pill{background:var(--primary-100);padding:2px 10px;border-radius:999px;color:var(--app-text)}.chart{display:flex;gap:8px;align-items:flex-end;height:120px;margin:16px 0}.bar{flex:1;background:linear-gradient(180deg,var(--primary-400),var(--primary-700));border-radius:10px 10px 6px 6px}.visual-bottom{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:var(--primary-300)}.image-block{border-radius:16px;padding:18px;min-height:140px;color:#fff;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));display:flex;flex-direction:column;justify-content:space-between}.image-tag{font-size:12px;letter-spacing:1px;text-transform:uppercase}.image-title{font-size:22px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:var(--surface);border-radius:16px;padding:18px;box-shadow:inset 0 0 0 1px #0000000d}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0 0 12px;color:var(--muted);font-size:13px}.progress{height:10px;border-radius:999px;background:#00000014;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;width:70%;background:var(--primary-600)}.meta{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:999px;font-size:12px;background:#00000014}.badge.success{background:#38b0002e;color:#14532d}.badge.warn{background:#f4a26140;color:#7c2d12}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;border-radius:12px;background:var(--primary-50);font-size:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.notice{display:flex;gap:10px;align-items:center}.notice-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-500)}.notice-title{font-weight:600;font-size:14px}.notice-desc{font-size:12px;color:var(--muted)}.price{display:grid;gap:4px;margin-bottom:12px}.price-value{font-size:26px;font-weight:700}.price-desc{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:var(--text);color:#fff;padding:10px 16px;border-radius:12px;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 980px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.hero-actions{flex-wrap:wrap}}