:root{--bg:#0f1220;--panel:#171b2e;--border:#2a3054;--text:#e8eaf6;--muted:#9aa3c7;--accent:#4f8cff;--accent2:#22d3a4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);max-width:1200px;margin:0 auto;width:100%}.logo{font-size:20px;font-weight:700;color:var(--text);text-decoration:none}.logo span{color:var(--accent2)}.site-header nav a{color:var(--muted);text-decoration:none;margin-left:20px;font-size:14px}.site-header nav a:hover{color:var(--accent2)}main{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:32px 28px}.site-footer{padding:20px 24px;text-align:center;color:var(--muted);font-size:13px}.hero{text-align:center;padding:40px 0 24px}.hero h1{font-size:32px;margin-bottom:10px}.hero p{color:var(--muted)}.translator-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;max-width:960px;margin:20px auto}.translator-box textarea{width:100%;min-height:160px;background:#0c0f1d;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:14px;font-size:15px;resize:vertical;font-family:inherit}.row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;align-items:center}button,select{background:#0c0f1d;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 14px;font-size:14px;font-family:inherit}button.primary{background:var(--accent);border:none;color:#fff;cursor:pointer;font-weight:600}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.5;cursor:wait}.result{margin-top:14px;background:#0c0f1d;border-radius:10px;padding:14px;white-space:pre-wrap;min-height:60px;border:1px solid var(--border)}.result .meta{color:var(--muted);font-size:12px;margin-top:8px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px;margin:20px 0}.entry-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);display:block}.entry-card:hover{border-color:var(--accent2)}.entry-card .term{font-size:20px;font-weight:700;color:var(--accent2)}.entry-card .tr{color:var(--text);margin-top:4px}.entry-card .mn{color:var(--muted);font-size:13px;margin-top:6px}.section-title{margin:36px 0 12px;font-size:22px}.search-box{display:flex;gap:10px;justify-content:center;margin-top:20px;max-width:680px;margin-left:auto;margin-right:auto}.search-box input[type=search]{flex:1 1;background:#0c0f1d;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 14px;font-size:15px;font-family:inherit;outline:none}.search-box input[type=search]:focus{border-color:var(--accent)}.search-box button{background:var(--accent);border:none;color:#fff;cursor:pointer;font-weight:600;padding:10px 22px;border-radius:10px}.search-box button:hover{filter:brightness(1.1)}.clear-link{align-self:center;color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none;transition:all .15s}.chip:hover{border-color:var(--accent2);color:var(--accent2)}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-cnt{opacity:.7;font-size:11px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0}.page-btn{color:var(--accent);text-decoration:none;font-size:14px}.page-btn:hover{color:var(--accent2)}.page-info{color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:48px 0;color:var(--muted)}.empty-state .empty-sub{font-size:13px;margin-top:8px}.empty-state a{color:var(--accent)}.swap-btn{cursor:pointer;font-size:16px;padding:8px 12px;line-height:1}.swap-btn:hover{border-color:var(--accent2);color:var(--accent2)}.result-card{margin-top:14px;background:#0c0f1d;border:1px solid var(--border);border-radius:12px;overflow:hidden}.result-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.result-lang{font-weight:600}.result-lang,.result-ok{color:var(--accent2)}.result-status{color:var(--muted)}.result-body{padding:16px 14px;white-space:pre-wrap;min-height:60px;font-size:15px;line-height:1.8}.result-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border);flex-wrap:wrap}.result-actions button{background:#0c0f1d;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}.result-actions button:hover:not(:disabled){border-color:var(--accent2);color:var(--accent2)}.result-actions button:disabled{opacity:.45;cursor:not-allowed}.result-meta{padding:0 14px 10px;color:var(--muted);font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:8px 18px;border-radius:999px;font-size:13px;z-index:99;box-shadow:0 4px 16px rgba(0,0,0,.4)}.explain-box{border-top:1px dashed var(--border)}.explain-toggle{width:100%;background:none;border:none;color:var(--muted);padding:9px 14px;font-size:13px;cursor:pointer;text-align:left;font-family:inherit;display:flex;justify-content:space-between;align-items:center}.explain-toggle:hover{color:var(--accent2)}.explain-arrow{font-size:11px}.explain-content{padding:4px 14px 14px;display:flex;flex-direction:column;gap:6px}.explain-loading{color:var(--muted);font-size:13px;padding:4px 0 10px}.explain-row{display:flex;gap:10px;font-size:13.5px;align-items:baseline}.explain-k{flex:0 0 56px;color:var(--muted)}.explain-v,.explain-why{color:var(--text)}.explain-why{margin-top:6px;padding:10px 12px;background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.25);border-radius:8px;font-size:13.5px;line-height:1.7}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:40px 24px 20px}.footer-top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-brand{min-width:220px}.footer-brand-name{font-size:18px;font-weight:700;color:var(--text)}.footer-brand-name span{color:var(--muted);font-weight:400;font-size:15px}.footer-brand-slogan{margin-top:8px;color:var(--muted);font-size:13.5px}.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:24px;gap:24px;flex:1 1;max-width:640px}.footer-col h4{font-size:13.5px;color:var(--text);margin-bottom:10px;font-weight:600}.footer-col a{display:block;color:var(--muted);font-size:13px;text-decoration:none;padding:4px 0}.footer-col a:hover{color:var(--accent2)}.footer-bottom{max-width:1200px;margin:28px auto 0;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center}@media (max-width:720px){.footer-cols{grid-template-columns:repeat(2,1fr);gap:20px}.footer-top{flex-direction:column;gap:24px}}.tools-page{max-width:1200px;margin:0 auto;padding:48px 20px 24px}.tools-hero{text-align:center;margin-bottom:40px}.tools-hero h1{font-size:30px;margin-bottom:12px}.tools-hero p{color:var(--muted);font-size:15px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.tool-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px 20px;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--accent2)}.tool-emoji{font-size:30px;margin-bottom:12px}.tool-card h2{font-size:17px;margin-bottom:8px}.tool-card p{color:var(--muted);font-size:13.5px;flex:1 1;margin-bottom:16px}.tool-btn{display:inline-flex;align-items:center;gap:8px;color:var(--accent2);font-size:14px;font-weight:600;text-decoration:none}.tool-btn:hover{text-decoration:underline}.tool-soon{font-size:11px;font-weight:400;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tools-grid{grid-template-columns:1fr}.tools-hero h1{font-size:24px}}.why-section{margin-top:56px;padding-top:40px;border-top:1px solid var(--border)}.why-lead{text-align:center;color:var(--accent2);font-size:17px;font-weight:600;margin-bottom:28px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.why-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px 20px;transition:transform .15s ease,border-color .15s ease}.why-card:hover{transform:translateY(-3px);border-color:var(--accent2)}.why-emoji{font-size:28px;margin-bottom:12px}.why-card h3{font-size:16px;margin-bottom:8px}.why-card p{color:var(--muted);font-size:13.5px;line-height:1.7}@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.why-grid{grid-template-columns:1fr}}.scenes-section{margin-top:48px}.scenes-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}.scene-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 16px;text-align:center;transition:transform .15s ease,border-color .15s ease}.scene-card:hover{transform:translateY(-3px);border-color:var(--accent2)}.scene-emoji{font-size:26px;margin-bottom:10px}.scene-card h3{font-size:15.5px;margin-bottom:6px}.scene-card p{color:var(--muted);font-size:12.5px}@media (max-width:900px){.scenes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.scenes-grid{grid-template-columns:repeat(2,1fr)}}.quick-links-section{margin-top:48px}.quick-sub{font-size:14px;color:var(--muted);margin:14px 0 10px;font-weight:500}.quick-links{display:flex;flex-wrap:wrap;gap:10px}.quick-links a{display:inline-block;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:8px 18px;color:var(--text);font-size:14px;text-decoration:none;transition:border-color .15s ease,color .15s ease}.quick-links a:hover{border-color:var(--accent2);color:var(--accent2)}.tp-page{max-width:1080px;margin:0 auto;padding:40px 20px 24px}.tp-hero{text-align:center;margin-bottom:24px}.tp-hero h1{font-size:28px;margin-bottom:12px}.tp-hero p{color:var(--muted);font-size:14.5px;max-width:760px;margin:0 auto;line-height:1.8}.tp-examples,.tp-others,.tp-scenes{margin-top:40px}.tp-examples h2,.tp-others h2,.tp-scenes h2{font-size:19px;margin-bottom:16px}.tp-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tp-scene{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 16px}.tp-scene h3{font-size:15px;margin-bottom:6px;color:var(--accent2)}.tp-scene p{color:var(--muted);font-size:13.5px;line-height:1.7}.tp-examples ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.tp-examples li{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tp-ex-src{color:var(--text);font-size:14.5px}.tp-ex-dst{color:var(--accent2);font-size:14px;margin-top:6px}.tp-other-links{display:flex;flex-wrap:wrap;gap:10px}.tp-other-links a{display:inline-block;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:7px 16px;color:var(--text);font-size:13px;text-decoration:none}.tp-other-links a:hover{border-color:var(--accent2);color:var(--accent2)}@media (max-width:760px){.tp-scene-grid{grid-template-columns:1fr}.tp-hero h1{font-size:23px}}