:root{--bg:#f7f5fc;--card:#fff;--text:#1c1530;--muted:#6b6485;--border:#e6e1f2;--primary:#7c3aed;--primary-soft:#efe7ff;--accent:#ec4899;--radius:14px;--shadow:0 1px 2px #1c15300d, 0 4px 14px #1c15300f}@media (prefers-color-scheme:dark){:root{--bg:#0f0c19;--card:#1a1528;--text:#efeaff;--muted:#a39cbd;--border:#2d2642;--primary:#a78bfa;--primary-soft:#2a2145;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif,Segoe UI Symbol,"Noto Sans Symbols 2",Apple Color Emoji,Segoe UI Emoji;line-height:1.6}a{color:var(--primary)}.wrap{max-width:920px;margin:0 auto;padding:0 16px}.site-header{background:var(--card);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header-inner{align-items:center;height:56px;display:flex}.logo{color:var(--text);font-size:1.2rem;font-weight:800;text-decoration:none}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:9px;place-items:center;width:32px;height:32px;margin-right:6px;display:inline-grid}.nav{scrollbar-width:none;gap:6px;padding-bottom:10px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;flex:none;padding:5px 12px;font-size:.88rem;text-decoration:none}.nav a.active,.nav a:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.hero{text-align:center;padding:28px 0 14px}.hero h1{margin:0 0 8px;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2}.hero p{color:var(--muted);max-width:620px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.input,textarea.input,select.input{width:100%;font:inherit;color:var(--text);background:var(--card);border:2px solid var(--border);border-radius:12px;outline:none;padding:12px 14px;font-size:1.05rem}.input:focus{border-color:var(--primary)}textarea.input{resize:vertical;min-height:140px}.tool-box{z-index:10;margin-bottom:14px;position:sticky;top:100px}.btn{font:inherit;cursor:pointer;background:var(--primary);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--primary-soft);color:var(--primary)}.btn.small{padding:6px 12px;font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.results{gap:8px;display:grid}.result{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,transform .1s;display:flex}.result:hover{border-color:var(--primary)}.result:active{transform:scale(.99)}.result .label{color:var(--muted);font-size:.72rem;display:block}.result .text{word-break:break-word;font-size:1.15rem}.result .body{flex:1;min-width:0}.result .copy-btn{flex:none}.result.copied{border-color:#22c55e}.tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tabs button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.88rem}.tabs button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.sym-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;display:grid}.sym{font:inherit;aspect-ratio:1;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;font-size:1.4rem}.sym:hover{border-color:var(--primary);background:var(--primary-soft)}.sym.copied{border-color:#22c55e}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}.stat{text-align:center;padding:12px}.stat b{color:var(--primary);font-size:1.6rem;display:block}.stat span{color:var(--muted);font-size:.8rem}.thumbs{gap:14px;margin-top:14px;display:grid}.thumb img{background:var(--border);border-radius:10px;width:100%;display:block}.thumb .row{justify-content:space-between;margin-top:8px}.content{margin-top:28px}.content h2{margin:26px 0 8px;font-size:1.35rem}.content h3{margin:20px 0 6px;font-size:1.1rem}.content p,.content li{color:var(--text)}.faq details{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;padding:12px 14px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:8px 0 0}.more-tools{margin:36px 0 20px}.more-tools h2{font-size:1.25rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:12px;font-size:.93rem;font-weight:600;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--primary)}.tool-icon{background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.ad{justify-content:center;max-width:100%;margin:16px auto;display:flex;overflow:hidden}.top-ad{margin-top:12px}.site-footer{border-top:1px solid var(--border);background:var(--card);text-align:center;padding:18px 0;font-size:.9rem}.site-footer a,.muted{color:var(--muted)}.toast{opacity:0;color:#fff;pointer-events:none;z-index:100;background:#22c55e;border-radius:999px;padding:10px 20px;font-weight:700;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.tool-box{top:96px}.result .text{font-size:1.05rem}}