:root{--font-family-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--accent-color: #222;--accent-hover: #000;--text-color: #111;--bg-color: #ffffff;--card-bg: #fff;--card-border: #ccc;--footer-text: #555;--desc-bg: #f2f2f5;--input-bg: #fff;--input-border: #aaa;--tool-btn-bg: #222;--tool-btn-hover-bg: #000;--result-box-bg: #f2f2f5;--name-item-bg: #fff;--name-item-color: #232323;--name-item-border: #444;--copy-btn-color: #222;--copy-btn-hover-bg: #e5e5e5;--copy-btn-hover-color: #000;--alert-color: #b30000;--exp-box-bg: #f2f2f5;--exp-box-color: #444;--back-to-top-bg: #fff;--back-to-top-color: #444;--back-to-top-border: #444;--back-to-top-active-bg: #ececec}[data-theme=dark]{--bg-color: #121212;--card-bg: #1e1e1e;--text-color: #f9f9f9;--accent-color: #f1f1f1;--accent-hover: #ffffff;--card-border: #4d4d4d;--footer-text: #555;--desc-bg: #23232c;--input-bg: #232323;--input-border: #555;--tool-btn-bg: #555;--tool-btn-hover-bg: #777;--result-box-bg: #23232c;--name-item-bg: #232323;--name-item-color: #f2f2f2;--name-item-border: #888;--copy-btn-color: #eee;--copy-btn-hover-bg: #363636;--copy-btn-hover-color: #fff;--alert-color: #ff4d4d;--exp-box-bg: #23232c;--exp-box-color: #dcdcdc;--back-to-top-bg: #232323;--back-to-top-color: #ccc;--back-to-top-border: #ccc;--back-to-top-active-bg: #393939}html,body{font-family:var(--font-family-default);background:var(--bg-color);color:var(--text-color);margin:0;padding:0}body{font-family:var(--font-family-default),Arial,sans-serif}.container{max-width:640px;margin:2.3rem auto;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:1.2rem 1.3rem 1.6rem}@media (max-width:600px){.container{border-radius:0;box-shadow:none;padding:1.1rem .3rem .6rem;max-width:99vw}}.top-header{display:flex;align-items:center;justify-content:space-between;gap:1.2em;background:var(--card-bg);border-bottom:1.5px solid var(--card-border);padding:.5rem 1rem 1.1em;margin-bottom:1.3em}.header-left{display:flex;align-items:center;gap:.7em}.header-actions{display:flex;align-items:center;gap:1.1em}#google_translate_element{margin:0}#themeToggle{background:none;border:none;font-size:1.2rem;cursor:pointer;margin-left:0}@media (max-width:600px){.top-header{padding-bottom:.7em;gap:.5em}}.logo-img{height:46px;width:auto;background:var(--card-bg);border-radius:11px;box-shadow:0 1px 6px #00000012;margin-right:.5rem}@media (max-width:600px){.logo-img{height:36px}}.site-name{font-size:1.34em;font-weight:700;color:var(--accent-color);letter-spacing:.5px;margin-right:1rem}@media (max-width:600px){.site-name{font-size:1.03em}}.backlink{display:inline-block;min-height:44px;min-width:44px;padding:.5em .7em;text-decoration:none;color:var(--accent-color);font-weight:600;font-size:1.04em}@media (max-width:600px){.backlink{font-size:1em}}.backlink:hover,.backlink:focus{text-decoration:underline;color:var(--accent-hover)}h1{color:var(--accent-color);font-size:1.7em;margin-bottom:.25em}@media (max-width:600px){h1{font-size:1.18rem}}.main-content{max-width:1100px;margin:2rem auto;padding:2rem 1rem;background:var(--card-bg);border-radius:18px;box-shadow:0 2px 8px #0000001a}@media (max-width:900px){.main-content{max-width:99vw}}@media (max-width:700px){.main-content{margin:1.2rem .2rem;padding:1.1rem .3rem}.card-list{grid-template-columns:1fr;gap:.8em 0}}.headline{font-size:1.6rem;margin-top:.4em;color:var(--text-color)}.intro{color:var(--text-color);margin-bottom:1.3rem}.tool-section{margin-top:2.1rem}.tool-section h2{color:var(--accent-color);font-size:1.12em;margin-bottom:.7em;letter-spacing:.03em}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.3em 1.7em;margin:0 0 1.9em;padding:0}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:1em;display:flex;flex-direction:column;align-items:flex-start;min-height:110px;transition:box-shadow .2s,border-color .2s,background .2s;text-decoration:none!important}.tool-card .tool-title{margin:0 0 .35em;font-weight:700;font-size:1.07em;color:var(--accent-hover);text-decoration:none;letter-spacing:.01em;line-height:1.2;display:block;pointer-events:none}.tool-card p{margin:0;color:var(--text-color);font-size:.99em;line-height:1.45;pointer-events:none}.tool-card,.result-box{width:100%;display:block;box-sizing:border-box}.result-box{padding-left:0;padding-right:0}.tool-desc{margin-bottom:1.5em;font-size:1.07em;color:var(--text-color);background:var(--desc-bg);padding:.95em 1.1em;border-radius:10px}@media (max-width:600px){.tool-desc{font-size:1em;padding:.7em .5em}}label{font-weight:500}.row{display:flex;align-items:center;gap:.7em;margin-bottom:1.3em}.row label{min-width:110px}@media (max-width:600px){.row label{min-width:68px}}.row input[type=text],.row input[type=number],.row select{font-size:1.09em;padding:.22em .6em;border-radius:5px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color)}.row input[type=number]{width:4em}.row select{width:12em}.opt-box{margin-bottom:1.1em;display:flex;flex-wrap:wrap;gap:1.2em}.btn-row{display:flex;gap:.7em;margin-bottom:1.4em}.tool-btn{min-height:44px;min-width:44px;padding:.6em 1.2em;font-weight:700;font-size:1.07em;background:var(--tool-btn-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .14s}.tool-btn:hover,.tool-btn:focus{background:var(--tool-btn-hover-bg)}#output{display:block;width:100%;min-width:0;box-sizing:border-box;height:200px;padding:1rem;border:1px solid #ccc;border-radius:8px;background:var(--bg-color);font-family:var(--font-family-default);overflow-y:hidden;resize:none;transition:height .1s}textarea{max-width:100%;min-height:82px;font-size:1.08em;border-radius:6px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);padding:.55em .7em;margin-bottom:1.2em}.name-list{margin-top:.6em}.name-item{background:var(--name-item-bg);color:var(--name-item-color);border:1px solid var(--name-item-border);border-radius:8px;padding:.7em .8em;margin-bottom:.67em;font-size:1em;position:relative}@media (max-width:600px){.name-item{font-size:.96em}}.copy-btn{min-height:44px;min-width:44px;padding:.6em .8em;position:absolute;right:.8em;top:.82em;background:none;border:none;color:var(--copy-btn-color);font-weight:700;cursor:pointer;font-size:.99em;border-radius:4px}.copy-btn:focus,.copy-btn:hover{background:var(--copy-btn-hover-bg);color:var(--copy-btn-hover-color)}.copyall-btn{min-height:44px;min-width:44px;padding:.6em 1.2em;margin-left:.7em;background:var(--name-item-bg);color:var(--accent-color);border:1.4px solid var(--accent-color);font-weight:700;cursor:pointer;font-size:1em;border-radius:6px}.copyall-btn:focus,.copyall-btn:hover{background:var(--copy-btn-hover-bg)}.alert{color:var(--alert-color);font-size:.97em;margin:.7em 0 1.3em}.exp-box{background:var(--exp-box-bg);font-size:.98em;border-radius:8px;padding:.5em 1em;color:var(--exp-box-color);margin-bottom:1.5em}.back-to-top{display:none;position:fixed;right:1.4em;bottom:1.3em;z-index:999;background:var(--back-to-top-bg);color:var(--back-to-top-color);border:2px solid var(--back-to-top-border);border-radius:50%;width:46px;height:46px;box-shadow:0 2px 8px #0000001f;align-items:center;justify-content:center;font-size:1.7em;cursor:pointer}.back-to-top:active{background:var(--back-to-top-active-bg)}@media (max-width:700px){.back-to-top{display:flex}}footer{margin-top:3rem;background:var(--card-bg);border-top:1px solid var(--card-border);padding:2.2rem 1rem 1.1rem;text-align:center;font-size:.97rem;color:var(--footer-text)}@media (max-width:600px){footer{margin-top:2rem;font-size:1em}}.footer-links a{color:var(--footer-text);display:inline-block;min-height:44px;min-width:44px;padding:.5em .7em;margin:0 .5rem;text-decoration:none;font-weight:500;font-size:1rem}.footer-links a:hover{text-decoration:underline}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}