html[lang^=zh] .template-detail-copy h1{font-family:system-ui,sans-serif;font-weight:600;line-height:1.3}.template-live-thumbnail{aspect-ratio:1;border-radius:inherit;color:#464955;background:#f5f6f8;place-items:center;width:100%;display:grid;overflow:hidden}.template-live-thumbnail>img{object-fit:contain;width:100%;height:100%;box-shadow:none;display:block;position:static;transform:none}.template-live-thumbnail>span{font-size:12px}.template-stack .template-front-preview,.template-stack .template-back-preview{border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:12px;overflow:hidden;box-shadow:0 12px 30px #0004}.template-stack .template-back-preview{opacity:.7;transform:translate(12px,-7px)rotate(6deg)}.template-library-card:is(:hover,:focus-visible) .template-front-preview{transform:translate(-4px,3px)rotate(-3deg)}.template-library-card:is(:hover,:focus-visible) .template-back-preview{transform:translate(17px,-12px)rotate(9deg)}.template-stack .template-live-thumbnail img,.template-main-image .template-live-thumbnail img{width:100%;height:100%;position:static;transform:none}.version-switch .template-live-thumbnail{border-radius:6px;flex:0 0 42px;width:42px;height:42px}.version-switch .template-live-thumbnail img{width:100%;height:100%}.style-stack .style-live-card{top:calc(10px * var(--i));left:calc(46px * var(--i));border-radius:12px;width:78px;height:78px;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 8px 20px #0005}.style-stack .style-live-card:first-child{transform:rotate(-8deg)}.style-stack .style-live-card:nth-child(2){z-index:2;transform:translateY(-7px)}.style-stack .style-live-card:nth-child(3){transform:rotate(7deg)}.style-card:is(:hover,:focus-visible) .style-live-card:first-child{transform:translate(-7px,-5px)rotate(-13deg)}.style-card:is(:hover,:focus-visible) .style-live-card:nth-child(2){transform:translateY(-13px)}.style-card:is(:hover,:focus-visible) .style-live-card:nth-child(3){transform:translate(7px,-5px)rotate(13deg)}.style-stack .template-live-thumbnail img{border-radius:inherit;width:100%;height:100%;position:static;transform:none}.generator-card .template-grid{overscroll-behavior:contain;scrollbar-width:thin;max-height:440px;margin:-5px;padding:5px;overflow-y:auto}.generator-card .template-grid>button{aspect-ratio:auto;border-radius:12px;flex-direction:column;padding:5px 5px 0;display:flex}.template-choice-name{color:#d2d5de;text-align:center;width:100%;min-height:32px;padding:7px 2px;font-size:12px;line-height:1.3;display:block}.template-grid>button[aria-pressed=true] .template-choice-name{color:#fff}.template-grid>button[aria-pressed=true]:after{content:"✓";color:#fff;background:#155fe2;border:2px solid #fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;font-weight:700;display:grid;position:absolute;top:9px;right:9px}.generator-card .template-grid>.more-templates{text-align:center;border:1px dashed #474c59;border-radius:12px;gap:8px;min-height:100px;padding:10px}.generator-card .more-templates span{width:40px;height:40px}.generator-card .more-templates strong{font-size:13px}.template-selection-note{color:#a6aab6;margin:0 0 16px;font-size:13px;line-height:1.6}.template-variant-picker{align-items:center;gap:6px;margin:0 0 16px;display:flex}.template-variant-picker strong{flex:1;font-size:14px}.template-variant-picker button{color:#c4c9d5;cursor:pointer;background:#13151a;border:1px solid #444956;border-radius:8px;min-height:36px;padding:7px 12px}.template-variant-picker button[aria-pressed=true]{color:#fff;background:#173561;border-color:#347eff}.preview-template-label{color:#cbd8ee;text-align:center;margin:12px 0 0;font-size:14px}.qr-preview-box>.preview-image{transition:opacity .16s}.qr-preview-box.is-updating>.preview-image{opacity:.55}.preview-updating-label{color:#fff;background:#111b30;border-radius:100px;width:max-content;max-width:90%;padding:8px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #0003}.editor-mobile-preview{display:none}.generator-card .tab-panel>.settings-panel{animation:.18s ease-out editor-panel-enter}@keyframes editor-panel-enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.qr-preview-box{cursor:zoom-in;transform-style:preserve-3d;transition:transform .3s ease-out}.qr-preview-box:hover{transition-duration:.1s}.qr-preview-box:focus-visible,.template-picker :focus-visible,.qr-full-preview :focus-visible{outline-offset:4px;outline:3px solid #71aaff}.editor-verified-result{color:#97e5bb;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.scan-repair-button{color:#ffe1a0;cursor:pointer;background:#3b301a;border:1px solid #a78946;border-radius:10px;width:100%;min-height:44px;margin-top:12px}body:has(.template-picker[open],.qr-full-preview[open]){overflow:hidden}.template-picker,.qr-full-preview{color-scheme:dark;color:#f6f7fb;background:#15171d;border:1px solid #414550;padding:0}.template-picker::backdrop,.qr-full-preview::backdrop{backdrop-filter:blur(5px);background:#050914ad}.template-picker{border-width:0 0 0 1px;border-radius:22px 0 0 22px;width:min(500px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;animation:.3s cubic-bezier(.4,0,.2,1) template-sheet-enter;position:fixed;inset:0 0 0 auto;overflow:hidden}.template-picker-content{overscroll-behavior:contain;height:100%;padding:28px 24px max(28px, env(safe-area-inset-bottom));overflow-y:auto}.template-picker header{align-items:flex-start;gap:16px;display:flex}.template-picker header>div{flex:1}.template-picker h2{letter-spacing:-.4px;margin:0;font-size:22px;line-height:1.45}.template-picker header p{color:#b4b9c7;margin:8px 0 24px;font-size:14px;line-height:1.6}.template-picker header button,.qr-full-preview>button{color:#fff;cursor:pointer;background:#222630;border:1px solid #444957;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.template-search{color:#a9b1c2;background:#101217;border:1px solid #4d5361;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.template-search:focus-within{border-color:#71aaff;box-shadow:0 0 0 3px #71aaff25}.template-search input{color:#fff;width:100%;min-width:0;height:46px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:16px}.template-picker-filters{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.template-picker-filters button{color:#d5d9e3;cursor:pointer;background:#20232c;border:1px solid #414753;border-radius:100px;min-height:40px;padding:8px 13px}.template-picker-filters button[aria-pressed=true]{color:#fff;background:#1d4f96;border-color:#579cff}.template-picker-count{color:#aeb7c9;margin:0 0 14px;font-size:13px}.template-picker-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;display:grid}.template-picker-results>button{color:#e6eaf4;text-align:left;cursor:pointer;background:#20232c;border:1px solid #3e4451;border-radius:13px;min-width:0;padding:6px;transition:border-color .18s,transform .18s}.template-picker-results>button:hover{border-color:#91baff;transform:translateY(-3px)}.template-picker-results>button[aria-pressed=true]{border-color:#6bafff;box-shadow:0 0 0 2px #508ef0}.template-picker-results .template-live-thumbnail{border-radius:8px}.template-picker-results strong{padding:9px 3px 3px;font-size:12px;font-weight:500;line-height:1.5;display:block}.template-picker-results>p{color:#b6bfd0;grid-column:1/-1;padding:30px 0}.template-show-more{color:#e5eeff;cursor:pointer;background:#243551;border:1px solid #4b6090;border-radius:10px;width:100%;min-height:46px;margin:24px 0 0}.qr-full-preview{border-radius:20px;width:min(760px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;animation:.2s ease-out editor-panel-enter;overflow:auto}.qr-full-preview>button{z-index:1;margin:0 0 14px auto;position:sticky;top:0}.qr-full-preview>img{aspect-ratio:1;object-fit:contain;border-radius:12px;width:100%;max-height:calc(100dvh - 190px);display:block}.qr-full-preview>p{text-align:center;color:#cbd8ee;margin:16px 0 2px;font-size:14px}.appearance-controls{gap:18px;display:grid}.appearance-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.appearance-two>label,.appearance-controls>label{min-width:0}.appearance-controls input[type=text],.appearance-text input:not([type]),.appearance-text select,.settings-panel select{color:#eef1f7;background:#111319;border:1px solid #4c5260;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:9px 10px;font-size:14px}.appearance-color>span{align-items:center;gap:8px;display:flex}.appearance-color{gap:10px;display:grid}.template-built-in-logo{background:#18202d;border:1px solid #3f4b60;border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.template-built-in-logo>.template-live-thumbnail{border-radius:8px;flex:0 0 72px;width:72px;height:72px}.template-built-in-logo>span:not(.template-live-thumbnail){flex:1;min-width:0;font-size:14px}.template-built-in-logo small{color:#b3bed1;margin-top:7px;font-size:12px;line-height:1.6;display:block}.template-built-in-logo button{color:#ecf3ff;cursor:pointer;background:#25364f;border:1px solid #526786;border-radius:8px;flex:none;min-height:40px;padding:8px 12px}.editor-asset-note{color:#b5c4df;margin:10px 0 0;font-size:12px}.appearance-color input[type=color],.appearance-text input[type=color]{cursor:pointer;background:#181b23;border:1px solid #4c5260;border-radius:8px;width:44px;min-width:44px;height:42px;padding:3px}.appearance-color input[type=text]{font-family:ui-monospace,monospace}.appearance-mode{background:#101218;border:1px solid #3b414e;border-radius:10px;gap:5px;padding:4px;display:flex}.appearance-mode button{color:#bfc6d4;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;min-height:40px;padding:8px 5px;font-size:13px}.appearance-mode button[aria-pressed=true]{color:#fff;background:#28466e}.appearance-swap{color:#cbdfff;cursor:pointer;background:#202a3c;border:1px solid #48546c;border-radius:8px;justify-self:start;min-height:36px;padding:7px 12px}.appearance-effects{flex-wrap:wrap;gap:8px 18px;display:flex}.settings-panel .appearance-effects label{flex-direction:row;align-items:center;gap:8px;min-height:44px;display:flex}.appearance-text{border-top:1px solid #393e49;padding:16px 0 0;display:grid}.appearance-text>summary{cursor:pointer;color:#dce8ff;padding:8px 0}.appearance-text[open]>:not(summary){margin-top:16px}.image-background-upload{color:#c6d2e6;background:#18202e;border:1px dashed #63718b;border-radius:12px;gap:12px;margin-bottom:18px;padding:16px;font-size:14px;line-height:1.6;display:grid}.image-background-upload input{max-width:100%}.image-background-upload button{color:#fff;cursor:pointer;background:#223453;border:1px solid #5e729a;border-radius:8px;justify-self:start;min-height:36px;padding:6px 12px}@keyframes template-sheet-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width>=1121px){.home-page .generator-card,.generator-detail-page .generator-detail-editor .generator-card{height:auto;min-height:0}}@media (width<=760px){.template-picker{border:0;border-radius:0}.template-picker-content{padding:22px 18px max(28px, env(safe-area-inset-bottom))}.template-picker h2{font-size:20px}.appearance-two{gap:12px}.template-built-in-logo{grid-template-columns:64px minmax(0,1fr);display:grid}.template-built-in-logo>.template-live-thumbnail{width:64px;height:64px}.template-built-in-logo>button{grid-column:2;justify-self:start}.appearance-color>span:last-child{flex-wrap:wrap}.appearance-color input[type=text]{flex:80px}.generator-card .toast{bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));max-width:calc(100vw - 32px)}.appearance-controls input[type=text],.appearance-text input:not([type]),.settings-panel select{font-size:16px}.style-stack .style-live-card{width:58px;height:58px;left:calc(32px * var(--i))}.generator-card .template-grid{gap:12px;max-height:410px}.template-variant-picker{flex-wrap:wrap}.template-variant-picker strong{min-width:45%}.template-choice-name{min-height:38px;font-size:12px}.editor-mobile-preview{z-index:65;bottom:max(12px, env(safe-area-inset-bottom));color:#fff;text-align:left;cursor:pointer;background:#111a2af5;border:1px solid #526383;border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:8px 12px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 6px 30px #0006}.editor-mobile-preview img{object-fit:contain;border-radius:6px;width:48px;height:48px}.editor-mobile-preview span{gap:4px;font-size:14px;display:grid}.editor-mobile-preview small{color:#b5c9eb;font-size:12px}html.menu-open .editor-mobile-preview{display:none}.generator-card:has(.editor-mobile-preview){padding-bottom:90px}}@media (prefers-reduced-motion:reduce){.style-stack .style-live-card,.qr-preview-box,.qr-preview-box>.preview-image,.template-picker-results>button{transition:none}.generator-card .tab-panel>.settings-panel,.template-picker,.qr-full-preview{animation:none}}.url-field.url-field-multiline{align-items:start;height:auto;min-height:92px}.url-field-multiline textarea{resize:vertical;color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;border-radius:11px;outline:none;padding:11px 12px;line-height:1.5}.url-field-multiline button{margin-top:7px}