:root{--bg0: #0f1c24;--bg1: #163040;--surface: #f7f3ec;--panel: #fffdf8;--ink: #142029;--muted: #5b6b75;--line: #d9d0c3;--accent: #0f766e;--accent-ink: #fff;--danger: #b42318;--shadow: 0 18px 50px rgba(15, 28, 36, .12);--radius: 18px;--font: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(15,118,110,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(20,48,64,.16),transparent 50%),linear-gradient(160deg,#e8efe9 0%,var(--surface) 42%,#efe7da 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;background:#0f1c24eb;color:#f4f7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.02em;font-size:1.15rem}nav{display:flex;flex-wrap:wrap;gap:8px 18px}nav a{color:#c9d6d2;font-size:.95rem}.nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:#c9d6d2;cursor:pointer;padding:0}.who{color:#9fd8d0;font-size:.9rem}nav a.router-link-active{color:#fff;font-weight:600}.main{flex:1;width:min(1120px,calc(100% - 40px));margin:28px auto 40px}.foot{padding:18px 32px 28px;color:var(--muted);font-size:.88rem;text-align:center}.panel{background:var(--panel);border:1px solid rgba(217,208,195,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:600;transition:transform .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.secondary{background:var(--bg1);color:#fff}.hint{color:var(--muted);font-size:.92rem}.error{color:var(--danger)}@media(max-width:720px){.top{flex-direction:column;align-items:flex-start;padding:14px 16px}.main{width:min(1120px,calc(100% - 24px));margin-top:18px}}.hero[data-v-03ae25cc]{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:36px 40px;overflow:hidden;position:relative}.copy h1[data-v-03ae25cc]{margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.eyebrow[data-v-03ae25cc]{margin:0;color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.lead[data-v-03ae25cc]{margin:0 0 22px;color:var(--muted);font-size:1.05rem;line-height:1.6;max-width:34em}.cta[data-v-03ae25cc]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.visual[data-v-03ae25cc]{position:relative;min-height:220px}.frame[data-v-03ae25cc]{position:absolute;width:120px;height:168px;border-radius:14px;border:1px solid rgba(255,255,255,.35);box-shadow:0 16px 40px #0f1c242e}.frame.blue[data-v-03ae25cc]{right:86px;top:18px;background:linear-gradient(180deg,#6ea8d8,#2f6ea8);transform:rotate(-8deg)}.frame.white[data-v-03ae25cc]{right:28px;top:42px;background:linear-gradient(180deg,#fff,#e8e4dc);transform:rotate(4deg);z-index:1}.frame.red[data-v-03ae25cc]{right:120px;top:78px;background:linear-gradient(180deg,#e57373,#b71c1c);transform:rotate(12deg)}.search-bar[data-v-03ae25cc]{margin-top:22px;padding:20px 28px}.search[data-v-03ae25cc]{display:flex;flex-direction:column;gap:8px}.search span[data-v-03ae25cc]{font-weight:600}.search input[data-v-03ae25cc]{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}.sizes[data-v-03ae25cc]{margin-top:22px;padding:24px 28px 28px}.section-head[data-v-03ae25cc]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2[data-v-03ae25cc]{margin:0;font-size:1.2rem}.grid[data-v-03ae25cc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.size[data-v-03ae25cc]{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease,transform .15s ease}.size[data-v-03ae25cc]:hover{border-color:var(--accent);transform:translateY(-1px)}.size span[data-v-03ae25cc]{color:var(--muted);font-size:.9rem}.tag[data-v-03ae25cc]{display:inline-block;width:fit-content;margin-top:2px;padding:2px 8px;border-radius:999px;background:#e7f5f2;color:var(--accent);font-size:.78rem;font-weight:600}.tag.muted[data-v-03ae25cc]{background:#f3efe7;color:var(--muted);font-weight:500}@media(max-width:820px){.hero[data-v-03ae25cc]{grid-template-columns:1fr;padding:24px}.visual[data-v-03ae25cc]{min-height:160px}}.color-picker[data-v-7dc86afd]{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.header[data-v-7dc86afd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.label[data-v-7dc86afd]{font-weight:600}.current[data-v-7dc86afd]{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}.presets[data-v-7dc86afd]{display:flex;flex-wrap:wrap;gap:12px 10px}.preset[data-v-7dc86afd]{width:64px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.swatch[data-v-7dc86afd]{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;box-sizing:border-box}.swatch.tiny[data-v-7dc86afd]{width:16px;height:16px}.swatch.mini[data-v-7dc86afd]{width:30px;height:30px;border:0;padding:0;cursor:pointer}.swatch.active[data-v-7dc86afd]{border-color:var(--ink);box-shadow:0 0 0 3px #1420291f}.swatch.bordered[data-v-7dc86afd]{border-color:#d1d5db}.swatch.checker[data-v-7dc86afd]{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.custom-entry[data-v-7dc86afd]{background:#f3f4f6;color:var(--muted);font-size:1.1rem}.check[data-v-7dc86afd]{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}.check.dark[data-v-7dc86afd]{color:#111827;text-shadow:none}.name[data-v-7dc86afd]{font-size:.78rem;color:#4b5563}.custom-panel[data-v-7dc86afd]{margin-top:14px;padding-top:12px;border-top:1px solid #f0ebe3}.palette[data-v-7dc86afd]{display:flex;flex-wrap:wrap;gap:8px}.hex-row[data-v-7dc86afd]{margin-top:12px;display:flex;align-items:center;gap:8px}.hex-label[data-v-7dc86afd]{font-size:.85rem;color:var(--muted)}.hex-row input[data-v-7dc86afd]{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#faf7f2}.apply[data-v-7dc86afd]{border:0;border-radius:8px;padding:8px 12px;background:var(--ink);color:#fff;cursor:pointer}.layout[data-v-fd4c2194]{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.preview[data-v-fd4c2194],.controls[data-v-fd4c2194]{padding:22px}.stage[data-v-fd4c2194]{position:relative;display:flex;height:420px;border:1.5px dashed var(--line);border-radius:16px;background:#f3efe7;overflow:hidden;margin-bottom:12px;align-items:center;justify-content:center}.stage.filled[data-v-fd4c2194]{border-style:solid;background:#111}.stage img[data-v-fd4c2194],.stage .cam[data-v-fd4c2194]{width:100%;height:100%;object-fit:contain}.guide[data-v-fd4c2194]{pointer-events:none;position:absolute;border:2px dashed rgba(255,255,255,.85);box-shadow:0 0 0 999px #0f1c2459;display:flex;align-items:center;justify-content:center}.guide-oval[data-v-fd4c2194]{width:62%;height:72%;border:1.5px solid rgba(255,255,255,.7);border-radius:50%}.placeholder[data-v-fd4c2194]{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);cursor:pointer}.preview-actions[data-v-fd4c2194]{display:flex;flex-wrap:wrap;gap:8px}.preview-actions .btn[data-v-fd4c2194]{width:auto;margin-top:0}.preview>.hint[data-v-fd4c2194]{margin-top:8px}.controls h1[data-v-fd4c2194]{margin:0 0 8px;font-size:1.5rem}.tips[data-v-fd4c2194]{margin:0 0 14px;padding:12px 12px 12px 28px;border-radius:12px;background:#f7f3eb;color:#4a4338;font-size:.88rem;line-height:1.55}.tips li+li[data-v-fd4c2194]{margin-top:4px}.field[data-v-fd4c2194]{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field select[data-v-fd4c2194],.field input[data-v-fd4c2194]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.custom-grid[data-v-fd4c2194]{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.custom-grid .field[data-v-fd4c2194]{margin:8px 0}.spec-tip[data-v-fd4c2194]{margin:-4px 0 12px;padding:10px 12px;border-radius:10px;background:#eef7f4;color:#0f5c55;font-size:.9rem;line-height:1.5}.toggle[data-v-fd4c2194]{display:flex;align-items:center;gap:8px;margin:12px 0}.btn[data-v-fd4c2194]{margin-top:8px;width:100%}@media(max-width:860px){.layout[data-v-fd4c2194]{grid-template-columns:1fr}.stage[data-v-fd4c2194]{height:280px}}.layout[data-v-d36e1bcb]{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.preview[data-v-d36e1bcb],.controls[data-v-d36e1bcb]{padding:22px}.drop[data-v-d36e1bcb]{display:block;height:420px;border:1.5px dashed var(--line);border-radius:16px;background:#f3efe7;overflow:hidden;cursor:pointer;margin-bottom:12px}.drop.filled[data-v-d36e1bcb]{border-style:solid;background:#111}.drop img[data-v-d36e1bcb]{width:100%;height:100%;object-fit:contain}.placeholder[data-v-d36e1bcb]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.controls h1[data-v-d36e1bcb]{margin:0 0 8px;font-size:1.5rem}.field[data-v-d36e1bcb]{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field select[data-v-d36e1bcb]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.btn[data-v-d36e1bcb]{margin-top:14px;width:100%}@media(max-width:860px){.layout[data-v-d36e1bcb]{grid-template-columns:1fr}.drop[data-v-d36e1bcb]{height:280px}}.result[data-v-e39b3189]{padding:28px;min-height:360px}.state[data-v-e39b3189]{text-align:center;padding:48px 12px}.state h1[data-v-e39b3189],.actions h1[data-v-e39b3189]{margin:0 0 10px}.spinner[data-v-e39b3189]{width:42px;height:42px;margin:0 auto 18px;border-radius:50%;border:3px solid #d7ece8;border-top-color:var(--accent);animation:spin-e39b3189 .8s linear infinite}@keyframes spin-e39b3189{to{transform:rotate(360deg)}}.done[data-v-e39b3189]{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.preview[data-v-e39b3189]{background:repeating-conic-gradient(#ece7de,#ece7de 25%,#fff 0%,#fff 50%) 50% / 24px 24px;border-radius:16px;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img[data-v-e39b3189]{max-width:100%;max-height:520px;object-fit:contain}.actions[data-v-e39b3189]{display:flex;flex-direction:column;gap:10px}.actions .btn[data-v-e39b3189],.actions a.btn[data-v-e39b3189]{text-align:center}.checklist[data-v-e39b3189]{margin:0;padding:12px 14px;list-style:none;border-radius:12px;background:#eef7f4;display:flex;flex-direction:column;gap:6px}.checklist li[data-v-e39b3189]{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;color:#0f5c55}.checklist li.bad[data-v-e39b3189]{color:var(--danger);background:#fff5f4;margin:0 -6px;padding:6px;border-radius:8px}.checklist li span[data-v-e39b3189]{font-weight:700;width:1rem}.variant[data-v-e39b3189]{margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:10px}.variant h2[data-v-e39b3189]{margin:0;font-size:1rem}.toggle[data-v-e39b3189]{display:flex;align-items:center;gap:8px}.field[data-v-e39b3189]{display:flex;flex-direction:column;gap:6px}.field select[data-v-e39b3189],.field input[data-v-e39b3189]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.presets[data-v-e39b3189]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-e39b3189]{border:1px solid var(--line);background:#f7f3eb;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit}.chip[data-v-e39b3189]:hover{border-color:var(--accent)}@media(max-width:860px){.done[data-v-e39b3189]{grid-template-columns:1fr}.preview[data-v-e39b3189]{min-height:280px}}.box[data-v-2714ce4a]{padding:24px 28px}.head[data-v-2714ce4a]{display:flex;align-items:center;justify-content:space-between;gap:12px}h1[data-v-2714ce4a]{margin:0;font-size:1.4rem}.empty[data-v-2714ce4a]{margin-top:28px;color:var(--muted)}ul[data-v-2714ce4a]{list-style:none;padding:0;margin:18px 0 0}li[data-v-2714ce4a]{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.thumb[data-v-2714ce4a]{width:64px;height:80px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#ece7de,#ece7de 25%,#fff 0%,#fff 50%) 50% / 12px 12px;display:flex;align-items:center;justify-content:center}.thumb img[data-v-2714ce4a]{width:100%;height:100%;object-fit:cover}.ph[data-v-2714ce4a]{color:var(--muted);font-size:.85rem}.meta[data-v-2714ce4a]{display:flex;flex-direction:column;gap:4px;min-width:0}.meta span[data-v-2714ce4a]{color:var(--muted);font-size:.88rem}.err[data-v-2714ce4a]{color:#b42318!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-2714ce4a]{color:var(--accent);font-weight:600;white-space:nowrap}.more[data-v-2714ce4a]{margin-top:12px}.error[data-v-2714ce4a]{color:#b42318}.inline[data-v-2714ce4a]{color:var(--accent);font-weight:600}.box[data-v-4dbef358]{padding:28px 32px;max-width:560px}h1[data-v-4dbef358]{margin:0 0 10px}h2[data-v-4dbef358]{margin:0 0 10px;font-size:1.05rem}.name[data-v-4dbef358]{margin:18px 0}.row[data-v-4dbef358]{display:flex;flex-wrap:wrap;gap:10px}.pw[data-v-4dbef358]{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.field[data-v-4dbef358]{display:flex;flex-direction:column;gap:6px}.field input[data-v-4dbef358]{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.ok[data-v-4dbef358]{color:#0f5c55}.box[data-v-bd40ec06]{padding:28px 32px;max-width:440px;margin:0 auto}h1[data-v-bd40ec06]{margin:0 0 8px}form[data-v-bd40ec06]{display:flex;flex-direction:column;gap:12px;margin-top:18px}.field[data-v-bd40ec06]{display:flex;flex-direction:column;gap:6px}.field input[data-v-bd40ec06]{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.switch[data-v-bd40ec06]{margin-top:16px;color:var(--muted)}.link[data-v-bd40ec06]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.box[data-v-a9e7f6e2]{padding:28px 32px;max-width:720px}h1[data-v-a9e7f6e2]{margin:0 0 16px}p[data-v-a9e7f6e2]{line-height:1.7;color:#334155}