:root{--ink:#191816;--ink-soft:#45423d;--muted:#777169;--line:#19181624;--line-soft:#19181619;--paper:#f3efe6;--paper-2:#ebe5d9;--white:#fffdf8;--coral:#e85a2e;--coral-deep:#c8441d;--mint:#c8ead8;--mint-deep:#19755a;--sky:#cfe3ff;--sky-deep:#2b62b8;--lemon:#ffe79e;--lilac:#e3d9ff;--lilac-deep:#6342a8;--peach:#ffddcf;--peach-deep:#a6462d;--slate:#dbe3ec;--slate-deep:#3b4f63;--radius:2px;--radius-sm:1px;--shadow:8px 8px 0 #1918161a;--shadow-sm:4px 4px 0 #19181614;--max:1240px;--line-strong:#19181647;--serif:"Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--orange:#e85a2e;--orange-soft:#f4c7b5;--font:"HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(1100px 600px at 8% -8%, #ffd5c780, transparent 62%), radial-gradient(900px 500px at 92% 0%, #c8ead89e, transparent 58%), var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}body:before{content:"";z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(#18201f1f .6px,#0000 .6px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}img,svg,canvas{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.025em;line-height:1.22}h1{margin-bottom:22px;font-size:clamp(2.25rem,5.4vw,4.5rem)}h2{margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:1.15rem}.container{width:min(calc(100% - 40px), var(--max));margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#fbfaf6b8;border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.08rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);width:36px;height:36px;box-shadow:3px 3px 0 var(--coral);border-radius:11px;place-items:center;display:grid;transform:rotate(-3deg)}.brand small{letter-spacing:.12em;color:var(--muted);margin-top:1px;font-size:.64rem;font-weight:700;display:block}.nav-links{align-items:center;gap:5px;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:600}.nav-cta{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-sm);border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:700}.nav-cta:hover{border-color:#18201f3d;transform:translateY(-1px)}.menu-btn{background:0 0;border:0;border-radius:12px;width:42px;height:42px;display:none}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--mint-deep);align-items:center;gap:8px;margin-bottom:15px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow .dot{background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff6b4a21}.lead{max-width:620px;font-size:clamp(1rem,1.6vw,1.18rem)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 20px;font-size:.95rem;font-weight:750;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary:hover{box-shadow:5px 5px 0 var(--coral);background:#283331}.btn-coral:hover{background:var(--coral-deep)}.btn-ghost:hover{background:#fff;border-color:#18201f3b}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.icon{flex:none;width:18px;height:18px}.text-link{color:var(--mint-deep);border-bottom:1px solid;font-weight:700}.hero{padding:62px 0 52px;overflow:hidden}.hero-grid{grid-template-columns:1.06fr .94fr;align-items:center;gap:54px;display:grid}.hero h1 .mark{white-space:nowrap;position:relative}.hero h1 .mark:after{content:"";background:var(--lemon);z-index:-1;border-radius:3px;height:22%;position:absolute;bottom:7%;left:1%;right:-2%;transform:rotate(-1.2deg)}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.hero-note{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.check-dot{background:var(--mint);width:18px;height:18px;color:var(--mint-deep);border-radius:50%;place-items:center;font-size:.7rem;font-weight:900;display:inline-grid}.hero-visual{min-height:440px;position:relative}.visual-stage{background:linear-gradient(145deg,#1c2725,#2f3d39);border-radius:34px;position:absolute;inset:9% 0 5% 2%;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 34px 70px #15221e3d}.visual-stage:before{content:"";background:radial-gradient(circle,#ff6b4abf,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-70px}.visual-stage:after{content:"";background:radial-gradient(circle,#73cda359,#0000 68%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;left:-80px}.stage-top{z-index:2;color:#ffffffb3;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:24px 26px;font-size:.78rem;display:flex;position:relative}.stage-dots{gap:6px;display:flex}.stage-dots i{background:#ffffff3d;border-radius:50%;width:8px;height:8px}.stage-dots i:first-child{background:var(--coral)}.stage-label{align-items:center;gap:7px;display:inline-flex}.live-dot{background:#72d9a7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #72d9a721}.visual-cards{z-index:2;grid-template-columns:1fr 1fr;gap:14px;padding:5px 24px 24px;display:grid;position:relative}.visual-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;min-height:150px;padding:18px}.visual-card.wide{grid-column:span 2;min-height:132px}.vc-head{color:#ffffff9e;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:.77rem;display:flex}.vc-pill{color:#b8efd5;background:#c8ead82b;border-radius:999px;padding:3px 8px;font-size:.65rem}.mini-qr{background:#fff;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:2px;width:76px;height:76px;padding:5px;display:grid}.mini-qr i{background:#202a28;border-radius:1px}.mini-qr i:nth-child(3n),.mini-qr i:nth-child(5n){background:0 0}.mini-photo{background:linear-gradient(165deg,#ffd6c7 0 42%,#f3b39a 42% 60%,#3b6cae 60%);border-radius:8px;width:76px;height:96px;position:relative;overflow:hidden}.mini-photo:before{content:"";background:#f1c9ae;border-radius:48% 48% 44% 44%;width:30px;height:31px;position:absolute;top:15px;left:24px}.mini-photo:after{content:"";background:#fff;border-radius:50% 50% 0 0;width:50px;height:45px;position:absolute;top:46px;left:13px}.compression-line{gap:10px;margin-top:10px;display:grid}.compression-row{color:#ffffffab;grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:.72rem;display:grid}.bar{background:#ffffff1f;border-radius:99px;grid-column:span 2;height:6px;overflow:hidden}.bar span{border-radius:inherit;background:var(--coral);width:82%;height:100%;display:block}.bar.green span{background:#7ddfb0;width:47%}.visual-badge{z-index:4;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:11px;padding:13px 16px;display:flex;position:absolute;bottom:32px;right:-11px;transform:rotate(-2deg)}.visual-badge .badge-icon{background:var(--mint);width:38px;height:38px;color:var(--mint-deep);border-radius:12px;place-items:center;display:grid}.visual-badge strong{font-size:.84rem;display:block}.visual-badge small{color:var(--muted);font-size:.69rem;display:block}.section-head p{max-width:520px;margin-bottom:0}.section-kicker{letter-spacing:.14em;color:var(--coral-deep);text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800}.tool-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.tool-card{border-radius:var(--radius);background:var(--white);border:1px solid #18201f17;flex-direction:column;grid-column:span 2;min-height:246px;padding:23px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";opacity:.6;background:var(--card-tint,var(--peach));border-radius:50%;width:130px;height:130px;transition:transform .3s;position:absolute;bottom:-48px;right:-38px}.tool-card:hover{box-shadow:var(--shadow);border-color:#18201f29;transform:translateY(-5px)}.tool-card:hover:after{transform:scale(1.16)}.tool-card:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.tool-icon{background:var(--card-tint,var(--peach));z-index:1;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:auto;display:grid;position:relative}.tool-card h3{z-index:1;margin:18px 0 6px;font-size:1.22rem;position:relative}.tool-card p{z-index:1;max-width:90%;margin-bottom:16px;font-size:.88rem;position:relative}.card-meta{z-index:1;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;font-weight:700;display:flex;position:relative}.card-tag{color:var(--muted);font-weight:600}.card-arrow{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .2s;display:grid}.tool-card:hover .card-arrow{transform:rotate(-35deg)}.tool-card.photo{--card-tint:var(--sky)}.tool-card.compress{--card-tint:var(--mint)}.tool-card.naming{--card-tint:var(--lemon)}.tool-card.cutout{--card-tint:var(--lilac)}.tool-card.pdf{--card-tint:var(--slate)}.search-box{flex:1;max-width:480px;position:relative}.search-box svg{color:var(--muted);width:18px;height:18px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.search-box input{border:1px solid var(--line);background:#ffffffbf;border-radius:16px;outline:none;width:100%;height:52px;padding:0 18px 0 47px}.search-hint{color:var(--muted);font-size:.8rem}.trust-band{background:var(--ink);color:#fff;border-radius:30px;grid-template-columns:.9fr 1.1fr;gap:40px;margin:8px 0 20px;padding:38px;display:grid;position:relative;overflow:hidden}.trust-band:before{content:"";background:radial-gradient(circle,#ff6b4a52,#0000 66%);border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-160px}.trust-band h2{color:#fff;position:relative}.trust-band p{color:#ffffffb3;position:relative}.trust-points{grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.trust-point{background:#ffffff0f;border:1px solid #ffffff21;border-radius:16px;padding:17px}.trust-point strong{color:#fff;margin-bottom:3px;font-size:.94rem;display:block}.trust-point span{color:#ffffff94;font-size:.78rem}.trust-point .num{color:#9be7c4;font-size:1.55rem;font-weight:850;line-height:1.2}.faq-list{gap:10px;display:grid}details.faq{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;padding:16px 18px}details.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:750;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--muted);font-size:1.25rem;line-height:1}details.faq[open] summary:after{content:"−"}details.faq p{margin:12px 0 0;font-size:.9rem}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0 28px}.footer-grid{justify-content:space-between;align-items:start;gap:28px;display:flex}.footer-brand p{max-width:360px;margin:10px 0 0;font-size:.84rem}.footer-links{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:.84rem;display:flex}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;font-size:.75rem;display:flex}.breadcrumbs{color:var(--muted);align-items:center;gap:7px;margin-bottom:26px;font-size:.78rem;display:flex}.breadcrumbs span{opacity:.55}.tool-intro{max-width:760px;margin-bottom:30px}.tool-intro p{margin-bottom:0;font-size:1.02rem}.tool-badges{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.badge{border:1px solid var(--line);color:var(--ink-soft);background:#ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.73rem;font-weight:700;display:inline-flex}.workspace{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start;gap:20px;display:grid}.workspace.equal{grid-template-columns:1fr 1fr}.panel{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffd1;border:1px solid #18201f1a;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.panel-head h2,.panel-head h3{margin:0;font-size:.98rem}.panel-head .sub{color:var(--muted);font-size:.74rem}.panel-foot{border-top:1px solid var(--line);background:#f4f1e980;padding:15px 20px}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label,.field-label{color:var(--ink-soft);font-size:.8rem;font-weight:750}.input,.select,.textarea{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;min-height:44px;padding:10px 13px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;min-height:100px;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.check{color:var(--ink-soft);align-items:center;gap:7px;font-size:.82rem;display:inline-flex}.tabs{background:var(--paper-2);border-radius:12px;gap:5px;padding:4px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 10px;font-size:.8rem;font-weight:700}.tab.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #18201f14}.tab-panel{display:none}.tab-panel.active{gap:14px;display:grid}.range-row{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.range-row output{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:42px;font-size:.78rem}input[type=range]{width:100%;accent-color:var(--coral)}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:9px}.swatch.active{box-shadow:0 0 0 2px var(--ink)}.color-input{border:1px solid var(--line);background:#fff;border-radius:8px;width:44px;height:34px;padding:2px}.dropzone{text-align:center;cursor:pointer;background:linear-gradient(145deg,#f4f1e9a6,#ffffffa6);border:1.5px dashed #18201f38;border-radius:18px;place-items:center;gap:6px;min-height:190px;padding:24px;transition:all .18s;display:grid;position:relative}.dropzone .drop-icon{background:var(--peach);width:46px;height:46px;color:var(--peach-deep);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.dropzone strong{font-size:.93rem}.dropzone span{color:var(--muted);max-width:340px;font-size:.77rem}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.qr-workspace{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.qr-preview-wrap{background-color:#f7f5ef;background-image:linear-gradient(45deg,#ebe7dc 25%,#0000 25%),linear-gradient(-45deg,#ebe7dc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ebe7dc 75%),linear-gradient(-45deg,#0000 75%,#ebe7dc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;min-height:400px;padding:22px;display:grid}#qr-canvas{width:min(100%,320px);height:auto;box-shadow:var(--shadow-sm);image-rendering:auto;border-radius:13px}.qr-placeholder{aspect-ratio:1;border:1px dashed var(--line);text-align:center;width:min(100%,300px);color:var(--muted);background:#ffffffd1;border-radius:16px;place-items:center;padding:28px;font-size:.82rem;display:grid}.qr-placeholder svg{color:#18201f33;width:64px;height:64px;margin-bottom:8px}.qr-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qr-meta{color:var(--muted);justify-content:space-between;gap:10px;margin-top:12px;font-size:.72rem;display:flex}.logo-row{align-items:center;gap:8px;display:flex}.logo-row input[type=file]{max-width:190px;font-size:.75rem}.compress-list{gap:10px;display:grid}.file-item{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.file-thumb{object-fit:cover;background:var(--paper-2);border-radius:9px;width:58px;height:58px}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.file-info{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:.7rem;display:flex}.file-info .saved{color:var(--mint-deep);font-weight:800}.file-action{align-items:center;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-soft);background:#fff;border-radius:9px;place-items:center;display:grid}.empty-state{text-align:center;color:var(--muted);padding:38px 20px;font-size:.83rem}.summary-row{justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.summary-row strong{font-size:1rem}.name-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.name-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px;transition:all .16s;position:relative}.name-card:hover{box-shadow:var(--shadow-sm);border-color:#18201f40;transform:translateY(-2px)}.name-card .name{letter-spacing:.03em;margin-bottom:3px;font-size:1.36rem;font-weight:850}.name-card .meaning{color:var(--muted);min-height:38px;font-size:.75rem;line-height:1.5}.name-card .name-actions{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.name-card .tag{background:var(--paper-2);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:.66rem}.name-card .copy-name{color:var(--muted);background:0 0;border:0;padding:3px;font-size:.7rem}.name-card .copy-name:hover{color:var(--ink)}.name-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#ffffff80;border-radius:16px;grid-column:span 2;padding:46px 24px;font-size:.84rem}.naming-tip{color:var(--muted);background:#ffe79e3d;border:1px solid #a37d001f;border-radius:12px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:.75rem;display:flex}.naming-tip strong{color:var(--ink-soft)}.id-stage{background:#eeeae1;place-items:center;min-height:440px;padding:20px;display:grid;overflow:hidden}.id-canvas-wrap{touch-action:none;cursor:grab;width:min(100%,330px);position:relative}.id-canvas-wrap.dragging{cursor:grabbing}#id-preview{background:#fff;border-radius:9px;width:100%;height:auto;display:block;box-shadow:0 12px 40px #18201f2e}.id-empty{aspect-ratio:5/7;text-align:center;width:min(100%,330px);color:var(--muted);background:#ffffff8c;border:1.5px dashed #18201f3d;border-radius:14px;place-items:center;padding:28px;font-size:.82rem;display:grid}.id-empty svg{opacity:.35;width:54px;height:54px;margin-bottom:7px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.spec-btn{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;padding:9px 8px;font-size:.76rem;font-weight:700}.spec-btn span{color:var(--muted);font-size:.64rem;font-weight:500;display:block}.spec-btn.active{border-color:var(--ink);background:#c8ead859}.bg-options{flex-wrap:wrap;gap:7px;display:flex}.bg-btn{width:34px;height:34px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:9px}.bg-btn.active{box-shadow:0 0 0 2px var(--ink)}.id-status{color:var(--muted);min-height:18px;font-size:.74rem}.cutout-stage{background-color:#f4f1e9;background-image:linear-gradient(45deg,#e8e4da 25%,#0000 25%),linear-gradient(-45deg,#e8e4da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e4da 75%),linear-gradient(-45deg,#0000 75%,#e8e4da 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:420px;padding:20px;display:grid}#cutout-canvas{border-radius:12px;max-width:100%;max-height:470px}.cutout-placeholder{text-align:center;width:min(100%,320px);min-height:300px;color:var(--muted);background:#ffffffb3;border:1.5px dashed #18201f38;border-radius:14px;place-items:center;padding:26px;font-size:.82rem;display:grid}.cutout-placeholder svg{opacity:.3;width:58px;height:58px;margin-bottom:8px}.mode-note{color:var(--muted);font-size:.73rem}.pdf-list{gap:10px;display:grid}.pdf-panel:not([hidden]){gap:14px;display:grid}.file-main{min-width:0}.pdf-thumb{color:var(--slate-deep);border:1px solid var(--line);place-items:center;display:grid}.pdf-thumb svg{width:26px;height:26px}.model-status{color:var(--muted);align-items:center;gap:8px;font-size:.73rem;display:flex}.spinner{border:2px solid #18201f26;border-top-color:var(--coral);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.seo-section{grid-template-columns:1.1fr .9fr;align-items:start;gap:44px;margin-top:54px;display:grid}.seo-copy h3{margin:22px 0 7px;font-size:1rem}.seo-copy p,.seo-copy li{color:var(--ink-soft);font-size:.89rem}.seo-copy ul{padding-left:19px}.seo-copy li{margin-bottom:5px}.side-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:20px}.side-card h3{margin-bottom:10px;font-size:.9rem}.side-links{gap:7px;display:grid}.side-links a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:.82rem;display:flex}.side-links a:last-child{border-bottom:0}.side-note{color:var(--muted);border-top:1px solid var(--line);margin:15px 0 0;padding-top:13px;font-size:.7rem}.related-tools{margin-top:50px}.related-tools h2{font-size:1.4rem}.mini-tools{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-tool{border:1px solid var(--line);background:#ffffffb8;border-radius:13px;align-items:center;gap:9px;padding:14px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.mini-tool:hover{box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-2px)}.mini-tool i{background:var(--tint,var(--peach));border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.mini-tool svg{width:15px;height:15px}.qr-actions{grid-template-columns:1fr 1fr;margin-top:15px}.qr-actions .field{grid-column:1/-1}.qr-actions .btn{margin:0}.name-pinyin{font-family:var(--mono);font-size:.62rem}.name-card .name-detail{font-size:.68rem}.name-tags .tag{border:1px solid var(--line);font-family:var(--mono);background:0 0;border-radius:0;font-size:.54rem}.toast-host{z-index:99;pointer-events:none;gap:8px;width:min(100% - 30px,440px);display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;text-align:center;border-radius:12px;padding:11px 15px;font-size:.82rem;animation:.2s toast-in;box-shadow:0 12px 35px #18201f3d}.toast.error{background:#9d2e20}.toast.success{background:var(--mint-deep)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:42px}.hero-visual{width:100%;max-width:560px;margin:0 auto}.tool-grid{grid-template-columns:1fr 1fr}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 1}.trust-band{grid-template-columns:1fr;gap:24px}.faq-grid{grid-template-columns:1fr;gap:22px}.workspace,.workspace.equal,.qr-workspace{grid-template-columns:1fr}.seo-section{grid-template-columns:1fr;gap:24px}.mini-tools{grid-template-columns:1fr 1fr}}@media (width<=720px){.container{width:min(calc(100% - 28px), var(--max))}.nav{min-height:64px}.nav-links{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf6fa;border-radius:16px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:64px;left:14px;right:14px}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.nav-cta{display:none}.menu-btn{place-items:center;display:grid}.hero{padding:36px 0 32px}.hero h1{font-size:clamp(2.15rem,11.5vw,3.2rem)}.hero-visual{min-height:390px}.visual-cards{gap:9px;padding:3px 15px 18px}.visual-card{min-height:126px;padding:13px}.stage-top{padding:18px}.visual-badge{bottom:8px;right:-3px}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 1;min-height:218px}.section{padding:40px 0}.section-head{display:block}.section-head p{margin-top:8px}.trust-band{border-radius:22px;padding:26px 22px}.trust-points{grid-template-columns:1fr 1fr}.footer-grid,.footer-bottom{flex-direction:column}.tool-main{padding:26px 0 50px}.panel-body{padding:16px}.field-row,.name-results{grid-template-columns:1fr}.name-empty{grid-column:span 1}.mini-tools,.spec-grid{grid-template-columns:1fr 1fr}.id-stage{min-height:360px}.qr-actions{grid-template-columns:1fr}.file-item{grid-template-columns:48px minmax(0,1fr)}.file-thumb{width:48px;height:48px}.file-action{grid-column:span 2;justify-content:flex-end}}[hidden]{background:linear-gradient(#19181609 1px, transparent 1px) 0 0 / 100% 8px, var(--paper);color:var(--ink)}body:before{opacity:.55;background-image:linear-gradient(90deg,#1918160b 1px,#0000 1px),linear-gradient(#1918160b 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}::selection{background:var(--coral);color:#fff}h1,h2{font-family:var(--serif);letter-spacing:-.04em;font-weight:700}h1{font-size:clamp(2.8rem,6.2vw,5.8rem);line-height:1.04}h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}p{color:var(--ink-soft)}.container{width:min(calc(100% - 56px), var(--max))}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3efe6e6}.site-header.scrolled{border-color:var(--line-strong);background:#f3efe6f7}.nav{gap:18px;min-height:78px}.brand{font-family:var(--serif);letter-spacing:-.02em;gap:13px;font-size:1.18rem;font-weight:700}.brand-mark{width:40px;height:40px;color:var(--paper);background:var(--ink);box-shadow:3px 3px 0 var(--coral);border-radius:0;transform:none}.brand-mark svg{width:22px;height:22px}.brand small{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:2px;font-size:.56rem}.nav-links{gap:2px}.nav-links a{color:var(--ink-soft);border-radius:0;padding:9px 11px;font-size:.84rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--ink);background:0 0}.nav-links a.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:2px;left:11px;right:11px}.nav-proof{font-family:var(--mono);letter-spacing:.04em;color:var(--mint-deep);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:.64rem;display:inline-flex}.nav-proof i{background:#4f7450;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4f74501f}.nav-cta{border:1px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--coral);border-radius:0;padding:10px 14px;font-size:.78rem}.nav-cta svg{width:15px;height:15px}.nav-cta:hover{background:var(--coral);border-color:var(--coral);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.eyebrow{font-family:var(--mono);letter-spacing:.13em;color:var(--coral-deep);margin-bottom:18px;font-size:.68rem}.eyebrow .dot{width:7px;height:7px;box-shadow:0 0 0 3px #e85a2e1f}.lead{max-width:600px;color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.8}.btn{min-height:46px;box-shadow:none;border-radius:0;padding:11px 19px;font-size:.84rem;font-weight:700}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--coral)}.btn-primary:hover{background:var(--ink);box-shadow:6px 6px 0 var(--coral);transform:translate(-1px,-1px)}.btn-coral{background:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-coral:hover{background:var(--coral-deep);box-shadow:5px 5px 0 var(--ink)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:#fffdf880;transform:none}.btn-small{min-height:34px;padding:7px 11px;font-size:.73rem}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:3px;font-size:.82rem;font-weight:700;display:inline-flex}.text-link:hover{color:var(--coral-deep);border-color:var(--coral-deep)}.hero{padding:26px 0 68px;position:relative;overflow:hidden}.hero-topline{border-bottom:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.08em;color:var(--muted);justify-content:space-between;gap:20px;padding:10px 0 16px;font-size:.6rem;display:flex}.hero-grid{grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(34px,6vw,84px);padding-top:55px;display:grid}.hero-copy{z-index:2;position:relative}.hero h1{margin-bottom:24px}.hero h1 .mark{white-space:nowrap;font-style:italic;position:relative}.hero h1 .mark:after{content:"";background:var(--coral);opacity:.8;z-index:-1;height:9px;position:absolute;bottom:2px;left:1%;right:1%;transform:skew(-8deg)}.hero .lead{margin-bottom:28px}.hero-actions{flex-wrap:wrap;gap:13px;margin-bottom:32px;display:flex}.hero-note{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:0;padding:15px 0 0;font-size:.65rem;list-style:none;display:flex}.hero-note li{align-items:center;gap:7px;display:flex}.check-dot{color:var(--coral-deep);font-size:.6rem}.hero-visual{place-items:center;min-height:445px;display:grid;position:relative}.launch-pad{border:1.5px solid var(--ink);background:#f6f1e6;width:min(100%,480px);position:relative;transform:rotate(-.6deg);box-shadow:12px 12px #1918161f}.launch-head{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;font-size:.56rem;display:flex}.launch-live{color:#c5d9bd;align-items:center;gap:6px;display:inline-flex}.launch-live i{background:#9dbf94;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #9dbf9440}.launch-grid{z-index:1;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid;position:relative}.launch-card{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);grid-template-columns:42px minmax(0,1fr) 18px;grid-template-areas:"icon name go";align-items:center;gap:10px;padding:13px 12px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.launch-card:hover{box-shadow:4px 4px 0 var(--coral);border-color:var(--ink);transform:translate(-2px,-2px)}.launch-icon{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--ink);background:#efe8d9;grid-area:icon;place-items:center;transition:border-color .16s,color .16s;display:grid}.launch-card:hover .launch-icon{border-color:var(--coral);color:var(--coral-deep)}.launch-icon svg{width:21px;height:21px}.launch-name{min-width:0;font-size:.86rem;font-weight:800;line-height:1.25;font-family:var(--serif);color:var(--ink);grid-area:name}.launch-name small{font-family:var(--font);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.68rem;font-weight:400;display:block;overflow:hidden}.launch-go{color:var(--muted);opacity:.6;grid-area:go;transition:all .16s}.launch-card:hover .launch-go{color:var(--coral-deep);opacity:1;transform:rotate(-35deg)}.launch-go svg{width:15px;height:15px}.launch-foot{border-top:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.1em;color:var(--ink-soft);background:#e7dfcf;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:9px 12px;font-size:.52rem;display:flex}.launch-sep{background:var(--coral);border-radius:50%;width:3px;height:3px;display:inline-block}.hero-band{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:#fffdf88c;margin-top:60px}.band-inner{grid-template-columns:repeat(4,1fr);display:grid}.band-item{border-right:1px solid var(--line);align-items:baseline;gap:12px;padding:16px 6px;display:flex}.band-item:last-child{border-right:0}.band-item strong{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);font-size:1.5rem}.band-item span{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:.62rem}.visual-badge{background:var(--white);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:4;align-items:center;gap:9px;padding:11px 13px;display:flex;position:absolute;bottom:17px;right:-5px}.visual-badge .badge-icon{color:var(--coral-deep);place-items:center;display:grid}.visual-badge svg{width:20px;height:20px}.visual-badge strong{font-size:.74rem;line-height:1.3;display:block}.visual-badge small{color:var(--muted);margin-top:2px;font-size:.6rem;display:block}.hero-stamp{font-family:var(--mono);letter-spacing:.12em;text-align:right;color:var(--coral-deep);font-size:.53rem;line-height:1.6;position:absolute;top:4px;right:8px;transform:rotate(4deg)}.section{padding:58px 0}.tools-section{padding-top:70px}.section-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px;display:flex}.section-head p{max-width:460px;margin-bottom:0;font-size:.9rem;line-height:1.8}.section-kicker{font-family:var(--mono);letter-spacing:.13em;color:var(--coral-deep);margin-bottom:12px;font-size:.62rem}.index-head{border-top:1px solid var(--line-strong);padding-top:18px}.index-head h2{margin:0}.tool-grid{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.tool-grid .tool-card{grid-column:1/-1}.tool-card{border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:72px minmax(0,1.05fr) minmax(0,1.2fr) 48px;grid-template-areas:"icon title desc arrow""tag title desc arrow";align-items:center;gap:7px 24px;min-height:96px;padding:18px 16px;transition:background .18s,padding .18s;display:grid;position:relative;overflow:visible}.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:auto}.tool-card:after{display:none}.tool-card:hover{background:var(--white);box-shadow:none;border-color:var(--line);padding-left:24px;transform:none}.tool-icon{border:1px solid var(--line-strong);width:45px;height:45px;color:var(--ink);background:0 0;border-radius:0;grid-area:icon;margin-bottom:0}.tool-icon svg{width:22px;height:22px}.tool-card h3{font-family:var(--serif);grid-area:title;margin:0;font-size:1.26rem}.tool-card p{grid-area:desc;max-width:520px;margin:0;font-size:.82rem;line-height:1.7}.card-meta{display:contents}.card-tag{font-family:var(--mono);color:var(--muted);white-space:nowrap;grid-area:tag;align-self:start;font-size:.54rem}.card-arrow{border:1px solid var(--line-strong);width:35px;height:35px;color:var(--ink);opacity:.6;background:0 0;border-radius:50%;grid-area:arrow;justify-self:end;transition:all .18s}.tool-card:hover .card-arrow{background:var(--coral);color:#fff;border-color:var(--coral);opacity:1;transform:rotate(-35deg)}.tool-card.qr,.tool-card.photo,.tool-card.compress,.tool-card.naming,.tool-card.cutout{--card-tint:transparent}.search-wrap{align-items:center;gap:14px;margin:24px 0 19px;display:flex}.search-box{max-width:430px}.search-box svg{color:var(--muted)}.search-box input{border:1px solid var(--line-strong);background:#fffdf873;border-radius:0;height:44px;font-size:.8rem}.search-box input:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--coral)}.search-hint{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.6rem}.card-hidden{display:none}.principle-section{padding-top:30px}.principle-grid{border-top:1px solid var(--line-strong);grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;padding-top:25px;display:grid}.principle-intro h2{margin-bottom:18px}.principle-intro p{max-width:400px;margin-bottom:22px;font-size:.9rem;line-height:1.8}.principle-list{border-top:1px solid var(--line)}.principle-row{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:17px 0;display:grid}.principle-num{font-family:var(--mono);color:var(--coral-deep);font-size:.64rem}.principle-row strong{font-family:var(--serif);font-size:1.2rem}.principle-row p{margin:2px 0 0;font-size:.76rem}.principle-status{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:.55rem}.steps-grid{border-top:1px solid var(--line-strong);grid-template-columns:.72fr 1.28fr;align-items:start;gap:70px;padding-top:25px;display:grid}.steps-title h2{margin:0}.step-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.step{border-right:1px solid var(--line);padding:20px 18px 0}.step:first-child{padding-left:0}.step:last-child{border-right:0}.step-num{font-family:var(--mono);color:var(--coral-deep);margin-bottom:35px;font-size:.62rem;display:block}.step strong{font-family:var(--serif);font-size:1.12rem;display:block}.step p{margin:7px 0 0;font-size:.75rem;line-height:1.7}.faq-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:70px;display:grid}.faq-grid>div:first-child h2{margin-bottom:12px}.faq-grid>div:first-child p{max-width:300px;font-size:.82rem}.faq-list{border-top:1px solid var(--line-strong)}details.faq{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:17px 0}details.faq summary{font-family:var(--serif);font-size:1.02rem}details.faq summary:after{font-family:var(--mono);color:var(--coral-deep);font-size:.9rem}details.faq p{font-size:.8rem;line-height:1.8}.site-footer{border-top:1px solid var(--line-strong);background:#ebe5d959;margin-top:30px;padding:30px 0 24px}.footer-grid{align-items:start}.footer-brand .brand{font-size:1.02rem}.footer-brand .brand-mark{width:34px;height:34px}.footer-brand p{margin-top:11px;font-size:.74rem;line-height:1.8}.footer-note{font-family:var(--mono);color:var(--muted);font-size:.54rem}.footer-links{gap:9px 16px;font-size:.7rem}.footer-bottom{font-family:var(--mono);margin-top:22px;padding-top:14px;font-size:.55rem}.tool-main{padding:25px 0 58px}.breadcrumbs{font-family:var(--mono);margin-bottom:22px;font-size:.6rem}.breadcrumbs a:hover{color:var(--coral-deep)}.tool-intro{border-bottom:1px solid var(--line-strong);max-width:820px;margin-bottom:25px;padding-bottom:20px}.tool-intro h1{margin-bottom:13px;font-size:clamp(2.1rem,4.3vw,3.6rem)}.tool-intro p{max-width:720px;font-size:.9rem;line-height:1.8}.tool-badges{gap:6px;margin-top:15px}.badge{border:1px solid var(--line);font-family:var(--mono);background:0 0;border-radius:0;padding:4px 7px;font-size:.56rem}.badge.green{color:var(--mint-deep);background:#d8e3d466;border-color:#435c4240}.workspace{gap:16px}.panel{border:1px solid var(--line-strong);background:#fffdf8a6;border-radius:0;overflow:hidden;box-shadow:5px 5px #19181612}.panel-head{border-bottom:1px solid var(--line);padding:13px 17px}.panel-head h2,.panel-head h3{font-family:var(--mono);letter-spacing:.04em;font-size:.72rem;font-weight:700}.panel-head .sub{font-family:var(--mono);font-size:.57rem}.panel-body{padding:19px}.panel-foot{background:var(--paper-2);border-top:1px solid var(--line);padding:12px 17px}.field{gap:6px}.field label,.field-label{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-soft);font-size:.62rem}.field .hint{font-family:var(--font);font-size:.65rem}.input,.select,.textarea{border-color:var(--line-strong);background:var(--white);border-radius:0;font-size:.82rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--coral)}.select{background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px}.tabs{border:1px solid var(--line);background:0 0;border-radius:0;padding:3px}.tab{font-family:var(--mono);border-radius:0;font-size:.64rem}.tab.active{background:var(--ink);color:var(--paper);box-shadow:none}input[type=range]{accent-color:var(--coral)}.swatch,.color-input{border-radius:0}.dropzone{border:1px dashed var(--line-strong);background:0 0;border-radius:0;min-height:180px}.dropzone:hover,.dropzone.dragover{border-color:var(--coral);background:#f4c7b529}.dropzone .drop-icon{border:1px solid var(--line);color:var(--coral-deep);background:0 0;border-radius:0}.qr-preview-wrap{background-color:#eee8dc;background-image:linear-gradient(45deg,#e2dbce 25%,#0000 25%),linear-gradient(-45deg,#e2dbce 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2dbce 75%),linear-gradient(-45deg,#0000 75%,#e2dbce 75%);min-height:0;padding:26px}#qr-canvas{width:min(100%,360px)!important;max-width:100%!important;height:auto!important}.qr-preview-wrap .qr-placeholder{width:min(100%,360px)}#qr-canvas,.qr-placeholder{border-radius:0}.qr-placeholder{background:#fffdf8cc;border-style:solid}.file-item{background:var(--white);border-color:var(--line);border-radius:0}.file-thumb{border-radius:0}.icon-btn{background:0 0;border-radius:0}.icon-btn:hover{background:var(--paper-2)}.summary-row{font-family:var(--mono);font-size:.64rem}.name-results{border-top:1px solid var(--line);gap:0}.name-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:17px 9px}.name-card:hover{background:var(--white);border-color:var(--line);box-shadow:none;transform:none}.name-card .name{font-family:var(--serif);font-size:1.5rem}.name-card .name .surname{color:var(--coral-deep)}.name-card .tag{border:1px solid var(--line);font-family:var(--mono);background:0 0;border-radius:0;font-size:.55rem}.name-empty{background:0 0;border-style:solid;border-radius:0}.naming-tip{background:#eee0a933;border-radius:0}.id-stage{background:var(--paper-2);min-height:0;padding:24px}.id-canvas-wrap,.id-empty{width:min(100%,300px)}.id-canvas-wrap,#id-preview,.id-empty{border-radius:0}.id-empty{background:#fffdf866;border-style:solid}.spec-btn{background:0 0;border-radius:0}.spec-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.spec-btn.active span{color:#fffdf8a6}.bg-btn{border-radius:0}.cutout-stage{background-color:var(--paper-2);background-image:linear-gradient(45deg,#ded7ca 25%,#0000 25%),linear-gradient(-45deg,#ded7ca 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ded7ca 75%),linear-gradient(-45deg,#0000 75%,#ded7ca 75%)}.cutout-placeholder{background:#fffdf873;border-style:solid;border-radius:0}.model-status{font-family:var(--mono);font-size:.6rem}.spinner{border-top-color:var(--coral)}.seo-section{border-top:1px solid var(--line-strong);margin-top:44px;padding-top:25px}.seo-copy h2{font-size:1.55rem}.seo-copy h3{font-family:var(--serif);font-size:1.02rem}.seo-copy p,.seo-copy li{font-size:.82rem;line-height:1.8}.side-card{box-shadow:none;background:#fffdf88c;border-radius:0}.side-card h3{font-family:var(--mono);font-size:.7rem}.side-links a{font-size:.74rem}.side-links a:hover{color:var(--coral-deep)}.mini-tools{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0}.mini-tool{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:12px 5px}.mini-tool:hover{background:var(--white);box-shadow:none;transform:none}.mini-tool i{border:1px solid var(--line);background:0 0;border-radius:0}.toast{background:var(--ink);box-shadow:4px 4px 0 var(--coral);font-family:var(--mono);border-radius:0;font-size:.64rem}.toast.success{background:var(--mint-deep);box-shadow:4px 4px 0 var(--ink)}@media (width<=1080px){.nav-proof{display:none}.nav-cta{margin-left:auto}}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{max-width:540px}.principle-grid,.steps-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.step-list{margin-top:5px}.workspace,.workspace.equal,.qr-workspace{grid-template-columns:1fr}.seo-section{grid-template-columns:1fr;gap:25px}}@media (width<=720px){.container{width:min(calc(100% - 28px), var(--max))}.nav{gap:10px;min-height:64px}.nav-links{background:var(--paper);border-color:var(--line-strong);box-shadow:5px 5px 0 var(--ink);border-radius:0;top:64px;left:14px;right:14px}.nav-links a{border-radius:0;padding:13px 12px}.nav-links a.active:after,.nav-cta{display:none}.menu-btn{border-radius:0}.hero{padding:14px 0 38px}.hero-topline{font-size:.52rem}.hero-topline span:last-child{display:none}.hero-grid{padding-top:34px}.hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero h1 .mark:after{height:6px}.hero-visual{min-height:370px}.hero-band{margin-top:38px}.launch-grid{gap:8px;padding:10px}.launch-card{grid-template-columns:34px minmax(0,1fr) 14px;gap:7px;padding:10px 9px}.launch-icon{width:34px;height:34px}.launch-icon svg{width:17px;height:17px}.launch-name{font-size:.78rem}.launch-name small{font-size:.6rem}.launch-foot{gap:7px;font-size:.48rem}.band-inner{grid-template-columns:1fr 1fr}.band-item{border-bottom:1px solid var(--line)}.band-item:nth-child(2n){border-right:0}.band-item:nth-child(3),.band-item:nth-child(4){border-bottom:0}.visual-badge{box-shadow:3px 3px 0 var(--ink);bottom:0;right:0}.hero-stamp{display:none}.section{padding:42px 0}.tools-section{padding-top:46px}.section-head{display:block}.section-head p{margin-top:12px}.search-wrap{flex-wrap:wrap;gap:8px}.search-hint{width:100%}.tool-grid .tool-card,.tool-grid .tool-card:nth-child(4),.tool-grid .tool-card:nth-child(5){grid-column:1/-1;min-height:102px}.tool-card{grid-template-columns:48px minmax(0,1fr) 34px;grid-template-areas:"icon title arrow""icon desc arrow";gap:5px 12px;min-height:102px;padding:16px 7px}.tool-card:hover{padding-left:7px}.tool-icon{width:38px;height:38px}.tool-card h3{font-size:1.12rem}.tool-card p{font-size:.73rem}.card-tag{display:none}.card-arrow{align-self:center}.principle-row{grid-template-columns:29px 1fr}.principle-status{display:none}.step-list{border-top:0;grid-template-columns:1fr}.step{border-right:0;border-top:1px solid var(--line);grid-template-columns:38px 1fr;padding:16px 0;display:grid}.step-num{margin:0}.step p{grid-column:2;margin-top:3px}.tool-main{padding:20px 0 44px}.tool-intro h1{font-size:clamp(2rem,10vw,2.8rem)}.panel-body{padding:15px}.field-row,.name-results{grid-template-columns:1fr}.name-empty{grid-column:span 1}.mini-tools{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.footer-grid,.footer-bottom{flex-direction:column}}.qr-check{border:1px solid var(--line);background:#fffdf88c;margin-top:16px}.qr-check-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:11px 14px;font-size:.64rem;display:flex}.qr-check-head strong{color:var(--ink)}.qr-grade{font-weight:800}.qr-grade.ok{color:var(--mint-deep)}.qr-grade.warn{color:var(--coral-deep)}.qr-grade.bad{color:#9d2e20}.qr-check-list{background:var(--line);gap:1px;display:grid}.qr-check-item{background:var(--white);grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:10px 14px;display:grid}.qr-check-item .check-dot{width:20px;height:20px;font-family:var(--mono);background:var(--paper-2);color:var(--muted);border-radius:0;place-items:center;font-size:.72rem;font-weight:800;display:grid}.qr-check-item.ok .check-dot{color:var(--mint-deep);background:#19755a1f}.qr-check-item.warn .check-dot{color:var(--coral-deep);background:#e94f2e1f}.qr-check-item.bad .check-dot{color:#9d2e20;background:#9d2e201f}.qr-check-item b{font-family:var(--font);font-size:.82rem}.qr-check-item small{color:var(--muted);margin-top:1px;font-size:.68rem;line-height:1.5;display:block}.qr-check-note{color:var(--muted);margin:0;padding:11px 14px;font-size:.64rem;line-height:1.6}.file-detail{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.file-detail span{font-family:var(--mono);border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);padding:2px 5px;font-size:.56rem}.file-detail .ok{color:var(--mint-deep);border-color:#19755a4d}.file-detail .miss{color:#9d2e20;border-color:#9d2e204d}.cutout-item .file-info span{margin-right:8px}.cutout-item .file-detail{margin-top:3px}.id-guides{pointer-events:none;z-index:2;position:absolute;inset:0}.id-guides .head-safe{border:1px dashed #e94f2ea6;width:58%;height:46%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.id-guides .head-label{font-family:var(--mono);color:var(--coral-deep);white-space:nowrap;font-size:9px;position:absolute;top:11%;left:50%;transform:translate(-50%)}.id-guides .shoulder-line{border-top:1px dashed #19181673;position:absolute;bottom:18%;left:8%;right:8%}.id-guides .center-line{border-left:1px dashed #19181640;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.id-toggle{font-family:var(--mono);font-size:.6rem}.spec-table{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:12px;font-size:.62rem}.spec-table th,.spec-table td{border:1px solid var(--line);text-align:left;padding:7px 9px}.spec-table th{background:var(--paper-2);color:var(--ink)}.spec-table td{color:var(--ink-soft)}.spec-table caption{text-align:left;font-family:var(--font);color:var(--muted);margin-bottom:6px;font-size:.72rem}.id-canvas-wrap{position:relative}.file-item.is-error{background:#9d2e2009;border-color:#9d2e2066}.out-name{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.56rem;overflow:hidden}.id-stage{flex-direction:column;align-items:center;gap:8px;display:flex}.id-toggle{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.id-toggle input{accent-color:var(--coral)}.qr-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.qr-actions .field{width:100%;margin:0}.field .hint{color:var(--muted);font-size:.72rem;font-weight:400}.name-pinyin{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;margin-top:2px;font-size:.7rem}.name-card .name-detail{color:var(--muted);margin-top:8px;font-size:.72rem;line-height:1.55}.name-tags{flex-wrap:wrap;gap:5px;display:flex}.name-tags .tag{background:var(--paper-2);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:.62rem}.name-card .name-tags{margin-top:8px}.btn svg{flex:none;width:18px;height:18px}.btn-small svg{width:15px;height:15px}.mode-switch{flex-wrap:wrap;gap:6px;display:flex}.mode-btn{border:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;background:0 0;padding:9px 14px;font-size:.64rem;font-weight:700;transition:border-color .15s,background .15s,color .15s}.mode-btn:hover{border-color:var(--ink);color:var(--ink)}.mode-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.target-row{align-items:center;gap:8px;display:flex}.target-row .input{flex:1;min-width:0}.target-row span{font-family:var(--mono);color:var(--muted);flex:none;font-size:.62rem}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset-btn{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ink-soft);cursor:pointer;background:0 0;padding:8px 11px;font-size:.6rem;font-weight:700;transition:border-color .15s,background .15s,color .15s}.preset-btn:hover{border-color:var(--ink);color:var(--ink)}.preset-btn.active{background:var(--coral);color:#fff;border-color:var(--coral)}.target-ok{color:var(--mint-deep);font-weight:800}.target-miss{color:#9d2e20;font-weight:800}.batch-meta{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.62rem;display:flex}.text-button{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ink);cursor:pointer;background:0 0;padding:7px 11px;font-size:.6rem;font-weight:700;transition:border-color .15s,color .15s}.text-button:hover{border-color:var(--coral);color:var(--coral-deep)}.text-button:disabled{opacity:.45;cursor:not-allowed}.batch-panel{margin-top:16px}.cutout-list{gap:10px;display:grid}.cutout-item{border:1px solid var(--line);background:var(--white);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.cutout-item.is-error{background:#9d2e200a;border-color:#9d2e2073}.cutout-item-main{min-width:0}.cutout-thumb{border:1px solid var(--line-strong);background:var(--paper-2);cursor:pointer;flex:none;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.cutout-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cutout-thumb span{font-family:var(--mono);background:var(--ink);color:var(--paper);padding:1px 4px;font-size:.52rem;line-height:1.4;position:absolute;bottom:0;left:0}.status-pending{color:var(--muted)}.status-processing{color:var(--coral-deep)}.status-done{color:var(--mint-deep);font-weight:800}.status-error{color:#9d2e20;font-weight:800}.summary-row,.summary-row .inline{flex-wrap:wrap}.file-thumb-btn{cursor:zoom-in;background:0 0;border:0;border-radius:10px;padding:0;line-height:0;display:block;overflow:hidden}.file-thumb-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.compare{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfaf6;margin:0 0 18px;overflow:hidden}.compare-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:.86rem;display:flex}.compare-head strong{letter-spacing:.08em;text-transform:uppercase;color:var(--coral-deep);font-size:.82rem}.compare-head span{color:var(--muted)}.compare-hint{color:var(--muted);margin-left:auto;font-size:.78rem}.compare-stage{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0/18px 18px;-webkit-user-select:none;user-select:none;width:100%;height:clamp(200px,42vw,380px);position:relative;overflow:hidden}.compare-stage img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-before{clip-path:inset(0 50% 0 0);width:100%;position:absolute;inset:0}.compare-before img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.compare-divider{background:var(--coral);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%}.compare-divider i{background:var(--coral);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000047}.compare-divider i:before,.compare-divider i:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare-divider i:before{border-right:5px solid #fff;left:6px}.compare-divider i:after{border-left:5px solid #fff;right:6px}.compare-range{width:100%;accent-color:var(--coral);margin:0;padding:0 14px;display:block}.compare-legend{color:var(--muted);justify-content:space-between;gap:12px;padding:6px 14px 12px;font-size:.76rem;display:flex}.compare-legend b{color:var(--ink);font-variant-numeric:tabular-nums}.related-section{padding-top:8px}.related-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.related-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff9;align-items:flex-start;gap:12px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.related-card:hover{box-shadow:var(--shadow-sm);border-color:#18201f3d;transform:translateY(-2px)}.related-card .tool-icon{flex:none}.related-card strong{font-size:.98rem;display:block}.related-card p{color:var(--muted);margin:4px 0 0;font-size:.82rem;line-height:1.5}.related-card .card-arrow{flex:none;align-self:center;margin-left:auto}.stats-row{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;display:grid}.stat-box{border:1px solid var(--line-strong);text-align:center;background:#fffdf880;border-radius:0;padding:14px 12px;box-shadow:3px 3px #1918160f}.stat-box strong{font-size:1.7rem;line-height:1.2;font-family:var(--serif);color:var(--ink);display:block}.stat-box span{color:var(--ink-soft);margin-top:4px;font-size:.8rem;display:block}.counter-area{min-height:220px}.ts-result{border:1px dashed var(--line-strong);background:#fffdf873;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 16px;display:none}.ts-result strong{font-size:1.15rem;font-family:var(--mono);overflow-wrap:anywhere}.ts-result span{color:var(--ink-soft);font-size:.88rem}.ts-clock{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.ts-clock>div{border:1px solid var(--line-strong);background:#fffdf880;padding:16px 14px}.ts-clock strong{font-family:var(--mono);overflow-wrap:anywhere;font-size:1.25rem;display:block}.ts-clock span{color:var(--ink-soft);margin-top:4px;font-size:.8rem;display:block}.json-area{min-height:240px;font-family:var(--mono);font-size:.9rem}.json-result{border:1px solid var(--line-strong);overflow:hidden}.json-result-head{border-bottom:1px solid var(--line-strong);background:#ebe5d966;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.json-result-head strong{font-size:.95rem}.json-result-head span{color:var(--ink-soft);font-size:.8rem}.json-print{white-space:pre-wrap;word-break:break-word;max-height:420px;font-family:var(--mono);background:#fffdf866;margin:0;padding:16px;font-size:.86rem;line-height:1.6;overflow:auto}.json-error{color:#b3261e}.tool-filter{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.filter-chip{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.86rem;transition:all .16s}.filter-chip:hover{border-color:var(--ink);color:var(--ink)}.filter-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.check-row{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.check input{width:16px;height:16px;accent-color:var(--coral)}.b64-area{min-height:150px;font-family:var(--mono);font-size:.86rem}.color-input{font-family:var(--mono);font-size:.9rem}.color-preview{border:1px solid var(--line-strong);color:#fff;background-color:#ff6b4a;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:74px;padding:14px 18px;transition:background-color .2s;display:grid}.color-preview span{font-family:var(--mono);letter-spacing:.08em;opacity:.85;font-size:.7rem}.color-preview strong{font-family:var(--mono);letter-spacing:.02em;font-size:1.05rem}.color-rows{gap:8px;display:grid}.color-row{border:1px solid var(--line-strong);background:#fffdf873;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.color-label{font-family:var(--mono);color:var(--muted);min-width:42px;font-size:.68rem}.color-val{font-family:var(--mono);overflow-wrap:anywhere;word-break:break-all;font-size:.84rem}.hash-area{min-height:170px;font-family:var(--mono);font-size:.9rem}.hash-rows{gap:8px;display:grid}.hash-row{border:1px solid var(--line-strong);background:#fffdf873;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.hash-val{font-size:.8rem}@media (width<=640px){.check-row{grid-template-columns:1fr}.color-row,.hash-row{grid-template-columns:auto 1fr auto}.color-preview{grid-template-columns:1fr;gap:6px}}.result-main{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.result-block{border:1px solid var(--line-strong);background:#fffdf873;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.result-block span{color:var(--muted);letter-spacing:.06em;font-size:.72rem}.result-block strong{font-family:var(--mono);letter-spacing:-.01em;font-size:1.4rem}.result-block small{color:var(--muted);font-size:.72rem}.result-compare{margin-top:6px}.compare-row{border:1px dashed var(--line-strong);align-items:baseline;gap:10px;padding:10px 14px;font-size:.84rem;display:flex}.compare-row span{color:var(--ink-soft)}.compare-row strong{font-family:var(--mono);color:var(--coral)}.compare-row small{color:var(--muted);margin-left:auto}.schedule-wrap{border:1px solid var(--line-strong);max-height:320px;margin-top:12px;overflow:auto}.mort-table{border-collapse:collapse;width:100%;font-size:.78rem;font-family:var(--mono)}.mort-table th,.mort-table td{text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:6px 10px}.mort-table th{background:var(--paper);color:var(--muted);font-size:.7rem;position:sticky;top:0}.mort-table td:first-child{color:var(--muted)}.mort-table tr.elide td{text-align:center;color:var(--muted);font-family:var(--serif)}.panel-subhead{color:var(--muted);letter-spacing:.04em;margin-top:4px;font-size:.8rem}.tax-checks em{color:var(--muted);font-style:normal}.tax-bands{margin-top:10px}.band-title{color:var(--muted);margin-bottom:6px;font-size:.8rem}.band-row{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 2fr 1fr 1fr;gap:8px;padding:6px 10px;font-size:.78rem;display:grid}.band-row.band-head{color:var(--muted);letter-spacing:.04em;font-size:.7rem}.band-row.active{border-left:3px solid var(--coral);background:#e8562a14}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:0 0;padding:8px 14px;font-family:inherit;font-size:.84rem}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.field-row.two{grid-template-columns:1fr 1fr}.workspace .panel.full{grid-column:1/-1}.field-row.three{grid-template-columns:1fr 1fr 1fr}.prepay-result{margin-top:4px}.prepay-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=640px){.result-main,.field-row.two{grid-template-columns:1fr}.band-row{grid-template-columns:1fr 1.6fr 1fr 1fr;font-size:.7rem}.field-row.three,.prepay-grid,.prepay-grid.prepay-two,.prepay-head{grid-template-columns:1fr}.holiday-row{grid-template-columns:92px 44px 1fr auto;gap:8px}}.cur-result{margin-top:4px}.cur-rate-table{overflow-x:auto}.cur-rate-table .mort-table td:first-child{color:var(--ink);font-weight:600}.rate-input{text-align:right;width:110px;padding:6px 8px}.holiday-list{flex-direction:column;gap:8px;display:flex}.holiday-row{border:1px solid var(--line-strong);background:#fffdf873;grid-template-columns:120px 64px 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.holiday-row.holiday{border-left:3px solid var(--coral);background:#e8562a0f}.holiday-row.workday{border-left:3px solid var(--line-strong);background:#7878780a}.hol-date{font-family:var(--mono);font-size:.84rem}.hol-week{color:var(--muted);font-size:.76rem}.hol-name{font-size:.9rem;font-weight:600}.hol-tag{border:1px solid var(--line-strong);color:var(--muted);padding:3px 10px;font-size:.72rem}.holiday-row.holiday .hol-tag{background:var(--coral);border-color:var(--coral);color:var(--paper)}.hol-cal-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:4px;display:grid}.hol-month{border:1px solid var(--line);background:#fffdf872;border-radius:12px;overflow:hidden}.hol-month-head{color:var(--ink);border-bottom:1px solid var(--line-soft);letter-spacing:.04em;background:#fffdf830;padding:8px 12px;font-size:.82rem;font-weight:750}.hol-week-row{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(7,1fr);display:grid}.hol-week-row span{text-align:center;color:var(--muted);font-size:.62rem;font-family:var(--mono);padding:5px 2px}.hol-days{grid-template-columns:repeat(7,1fr);gap:2px;padding:6px;display:grid}.hol-day{min-height:36px;color:var(--ink-soft);font-size:.74rem;font-weight:600;font-family:var(--mono);text-align:center;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;gap:1px;padding:4px 2px;line-height:1.15;display:flex}.hol-day i{word-break:break-all;color:inherit;font-size:.5rem;font-style:normal;font-weight:600;line-height:1.1}.hol-day.blank{visibility:hidden}.hol-day.holiday{background:var(--coral);color:var(--paper);box-shadow:0 2px 6px -2px #e8562a66}.hol-day.workday{color:var(--muted);border:1px dashed var(--line-strong);background:#78787814}.hol-day.holiday i{color:#fffdf8;opacity:.96}.hol-day.workday i{color:var(--muted)}.hol-legend{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin:10px 2px 0;font-size:.74rem;display:flex}.hol-legend span{align-items:center;gap:6px;display:inline-flex}.hol-dot{border:1px solid var(--line-strong);border-radius:3px;width:12px;height:12px;display:inline-block}.hol-dot.holiday{background:var(--coral);border-color:var(--coral)}.hol-dot.workday{border:1px dashed var(--line-strong);background:#78787822}.hol-dot.normal{border:1px solid var(--line-soft);background:#fffdf872}@media (width<=640px){.hol-cal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hol-day{min-height:32px;font-size:.68rem}.hol-day i{font-size:.44rem}}.holiday-empty{border:1px dashed var(--line-strong);text-align:center;color:var(--muted);padding:22px;font-size:.86rem}.prepay-head{letter-spacing:.06em;color:var(--muted);grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;font-size:.74rem;display:grid}.prepay-head span{border:1px solid var(--line-soft);background:#fffdf859;padding:6px 12px}.prepay-grid.prepay-two{grid-template-columns:repeat(2,1fr)}.prepay-better{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:10px}.seo-steps{counter-reset:seo;gap:10px;margin:16px 0 6px;padding:0;list-style:none;display:grid}.seo-steps li{counter-increment:seo;border:1px solid var(--line);color:var(--ink-soft);background:#fffdf88c;border-radius:14px;padding:14px 16px 14px 52px;font-size:.86rem;line-height:1.75;position:relative}.seo-steps li:before{content:counter(seo,decimal-leading-zero);font-family:var(--mono);color:var(--coral-deep);font-size:.66rem;font-weight:700;position:absolute;top:15px;left:16px}.seo-steps li strong{color:var(--ink);font-weight:750}.seo-anchors{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;margin:18px 0 6px;display:grid}.seo-anchors a{border:1px solid var(--line);color:var(--ink-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.78rem;transition:border-color .15s,box-shadow .15s,color .15s;display:flex}.seo-anchors a:hover{border-color:var(--coral);color:var(--coral-deep);box-shadow:2px 2px 0 var(--coral)}.seo-anchors a:after{content:"→";font-family:var(--mono);color:var(--muted)}.seo-faq{grid-column:1/-1;margin-top:6px}.seo-faq>h3{font-family:var(--serif);margin:18px 0 10px;font-size:1.02rem}.guide-section{margin-top:8px}.guide-banner{border:1px solid var(--line-strong);background:var(--white);box-shadow:6px 6px 0 var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:28px 30px;display:flex}.guide-banner h2{font-family:var(--serif);margin:6px 0 10px;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1}.guide-banner p{color:var(--ink-soft);max-width:46ch;font-size:.92rem;line-height:1.7}.guide-banner .btn{flex:none}@media (width<=720px){.guide-banner{flex-direction:column;align-items:flex-start;padding:22px 20px}}.footer-bottom .icp-link{color:var(--muted);border-bottom:1px solid var(--line-strong);font-size:.74rem;text-decoration:none}.footer-bottom .icp-link:hover{color:var(--ink);border-color:var(--coral)}