:root{--ink:#173568;--muted:#6f7891;--cream:#fffaf3;--lav:#f4f0ff;--pink:#fff1f5;--line:#e6dfef;--accent:#7558d6;--green:#16845c}*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--cream),#fff 38%,var(--lav));line-height:1.6}a{color:inherit}.sitebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,5vw,72px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:900;text-decoration:none}.sitebar nav{display:flex;gap:16px;flex-wrap:wrap}.sitebar nav a{text-decoration:none;font-weight:700}.page{width:min(1080px,calc(100% - 32px));margin:32px auto 72px}.intro{max-width:760px}.intro h1{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:.2em 0}.notice,.panel{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);padding:22px;box-shadow:0 16px 44px rgba(69,48,105,.08)}.notice{margin:18px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.story,.style{border:2px solid transparent;border-radius:16px;padding:8px;background:#fff;cursor:pointer;color:var(--ink)}.story img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.story[aria-pressed=true],.style[aria-pressed=true]{border-color:var(--accent);background:var(--lav)}.styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.style:disabled{opacity:.55;cursor:not-allowed}.upload{display:block;border:2px dashed #b9ace5;border-radius:18px;padding:20px;text-align:center;margin:16px 0}.upload input{max-width:100%}.check{display:flex;gap:10px;align-items:flex-start;margin:10px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:12px;padding:12px 18px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.status{min-height:28px;margin:12px 0;font-weight:700}.status.error{color:#b42318}.status.ok{color:var(--green)}.work-grid,.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.work-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f6f4fa;border-radius:12px}.editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px}.canvas-wrap{background:#f4f2f8;border-radius:18px;padding:16px}.canvas-wrap canvas{display:block;width:100%;height:auto;background:transparent}.field{display:grid;gap:5px;margin:10px 0}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit}.field textarea{resize:vertical;min-height:78px}.empty{color:var(--muted);padding:32px;text-align:center}.badge{display:inline-block;border-radius:999px;background:var(--lav);padding:4px 9px;font-size:12px;font-weight:800}.tabbar{display:flex;gap:8px;margin:16px 0}.tabbar button{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font-weight:800}.tabbar button.active{background:var(--ink);color:#fff}@media(max-width:760px){.sitebar{align-items:flex-start}.sitebar nav{justify-content:flex-end}.grid,.editor{grid-template-columns:1fr}.stories{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid,.wall-grid{grid-template-columns:1fr 1fr}.page{width:min(100% - 22px,1080px);margin-top:20px}.panel{padding:16px}}@media(max-width:420px){.stories{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid,.wall-grid{grid-template-columns:1fr}.sitebar nav a:nth-child(2){display:none}}

[hidden]{display:none!important}.my-works-page{background:linear-gradient(180deg,#fffcf8 0,#fff 44%,#f7f3ff 100%)}.my-works-main{padding-top:18px}.my-works-intro{margin:0 auto 28px;text-align:center}.my-works-intro h1{color:#241a44}.my-works-intro p{color:#665f78;font-size:1.05rem}.my-works-gate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;max-width:860px;margin:0 auto 26px;padding:clamp(24px,4vw,38px);border:1px solid #eadff5;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(69,48,105,.11)}.my-works-gate-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#f4efff;font-size:30px}.my-works-gate h2{margin:.25rem 0 .55rem;color:#241a44;font-size:clamp(1.45rem,3vw,2rem);line-height:1.3}.my-works-gate p{margin:0;color:#665f78}.my-works-gate small{display:block;margin-top:14px;color:#7b7489}.my-works-collection{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.my-works-collection h2{margin:.2rem 0}.my-works-collection p{margin:0;color:#665f78}.my-works-collection .actions{justify-content:flex-end}.my-works-page .status{text-align:center}.my-works-page .work-grid{margin-top:22px}@media(max-width:760px){.my-works-gate{grid-template-columns:1fr;text-align:center}.my-works-gate-mark{margin:auto}.my-works-gate .actions{justify-content:center}.my-works-collection{align-items:flex-start;flex-direction:column}.my-works-collection .actions{justify-content:flex-start}}
.retention-notice{margin:10px 0 14px;padding:12px 14px;border:1px solid #d8cef3;border-radius:14px;background:#f8f5ff;color:#493d68;font-size:.95rem;line-height:1.65}.retention-notice strong{color:#34235f}
.status.busy{position:relative;margin:16px 0;padding:14px 14px 14px 48px;border:1px solid #d8cef3;border-radius:14px;background:#f8f5ff;color:#493d68}.status.busy::before{content:"";position:absolute;left:17px;top:17px;width:18px;height:18px;border:3px solid #d8cef3;border-top-color:var(--accent);border-radius:50%;animation:qv-spin .8s linear infinite}@keyframes qv-spin{to{transform:rotate(360deg)}}.submitted-panel{margin-top:18px;padding:24px;border:2px solid #bde5d3;border-radius:22px;background:linear-gradient(145deg,#f2fff8,#fff);box-shadow:0 18px 42px rgba(22,132,92,.13);outline:none}.submitted-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 24px rgba(22,132,92,.24)}.submitted-kicker{margin:14px 0 2px;color:var(--green);font-weight:900;letter-spacing:.04em}.submitted-panel h2{margin:0 0 8px;color:#164f3c;font-size:clamp(1.5rem,4vw,2rem);line-height:1.25}.submitted-panel>p{margin:.3rem 0;color:#426052}.submitted-steps{margin:18px 0;padding:0;list-style:none;display:grid;gap:9px;counter-reset:qv-step}.submitted-steps li{position:relative;padding:11px 12px 11px 46px;border-radius:13px;background:#fff;border:1px solid #dcefe7;color:#36534a}.submitted-steps li::before{counter-increment:qv-step;content:counter(qv-step);position:absolute;left:12px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ddf7ea;color:#126b4b;font-weight:900}.submitted-actions{margin-top:16px}.line-btn{background:#06c755}.submitted-note{font-size:.9rem;color:#6b7d76!important}.submission-complete .panel:last-child>.actions{opacity:.7}@media(max-width:520px){.submitted-panel{padding:19px 16px}.submitted-actions .btn{width:100%;text-align:center}.status.busy{padding-left:44px}}