:root{--bg: #f5f6f8;--bg-soft: #ffffff;--bg-input: #ffffff;--text: #1f2430;--text-dim: #5a6474;--border: #e2e4ea;--accent: #4f6ef7;--accent-soft: #e8edff;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}[data-theme=dark]{--bg: #101524;--bg-soft: #1a2133;--bg-input: #141b2b;--text: #e8eaf0;--text-dim: #9aa4b8;--border: #2a3350;--accent: #6b8afd;--accent-soft: #25304f;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}[data-theme=sepia]{--bg: #f4ecdc;--bg-soft: #faf5e9;--bg-input: #fdf9ef;--text: #3e3227;--text-dim: #7a6a52;--border: #d8c8a8;--accent: #b07d3e;--accent-soft: #f0e4cd;--shadow: 0 1px 3px rgba(62, 50, 39, .12)}[data-theme=green]{--bg: #eef4ec;--bg-soft: #f7fbf5;--bg-input: #f2f8ef;--text: #22301f;--text-dim: #5c7056;--border: #c6d8c0;--accent: #3f7d46;--accent-soft: #e0ecd9;--shadow: 0 1px 3px rgba(34, 48, 31, .1)}[data-theme=ocean]{--bg: #0e1f33;--bg-soft: #152a44;--bg-input: #102238;--text: #dbe7f5;--text-dim: #8fa8c4;--border: #234060;--accent: #2f9bdb;--accent-soft: #1d3a56;--shadow: 0 1px 3px rgba(0, 0, 0, .45)}[data-theme=high]{--bg: #ffffff;--bg-soft: #ffffff;--bg-input: #ffffff;--text: #000000;--text-dim: #222222;--border: #000000;--accent: #0033cc;--accent-soft: #e0e8ff;--shadow: none}[data-theme=violet]{--bg: #f5f2fa;--bg-soft: #fdfbff;--bg-input: #fdfbff;--text: #2d2340;--text-dim: #6f6390;--border: #ddd3ec;--accent: #7c4ddb;--accent-soft: #efe8fb;--shadow: 0 1px 3px rgba(45, 35, 64, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.layout{min-height:100vh;display:flex;flex-direction:column}main.container{flex:1;width:100%}.topbar{background:var(--bg-soft);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text)}.logo:hover{text-decoration:none}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--accent);color:#fff;font-size:17px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-left{display:flex;align-items:center;gap:12px}.back-link{font-size:14px;color:var(--text-dim);white-space:nowrap}.tool-name{font-weight:600;font-size:16px}.lang-switch,.theme-switch{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;cursor:pointer}.hero{text-align:center;padding:48px 0 28px}.hero h1{font-size:32px;margin:0 0 10px}.hero p{color:var(--text-dim);max-width:680px;margin:0 auto}.search-box{margin-top:22px}.search-box input{width:100%;max-width:520px;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg-input);color:var(--text)}.cat-block{margin:26px 0}.cat-title h2{font-size:20px;margin:0 0 2px}.cat-title span{color:var(--text-dim);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:12px}.tool-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);transition:border-color .15s,box-shadow .15s}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none}.tool-icon{flex:0 0 38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:600}.tool-card h3{margin:0 0 4px;font-size:16px}.tool-card p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.5}.alert{margin-top:10px}.muted{color:var(--text-dim)}.tool-page{padding:22px 0 40px}.tool-head h1{margin:0 0 6px;font-size:26px}.tool-head p{margin:0 0 18px;color:var(--text-dim)}.paper-options{display:flex;flex-direction:column;gap:14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.opt-section h3{margin:0 0 10px;font-size:15px;color:var(--text-dim);font-weight:600;border-bottom:1px dashed var(--border);padding-bottom:6px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 14px;align-items:start}.opt-field{display:flex;flex-direction:column;gap:4px}.opt-field.span2{grid-column:span 2}.opt-field span{font-size:13px;color:var(--text-dim)}.opt-field input[type=text],.opt-field input[type=number],.opt-field select,.opt-field textarea{min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:8px 10px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text)}.opt-field textarea{resize:vertical;font-family:inherit}.opt-field.block{width:100%}.opt-check{display:flex;align-items:center;gap:6px;font-size:14px;padding-top:6px;cursor:pointer}.opt-check input{accent-color:var(--accent)}.opt-hint{font-size:12px;color:var(--text-dim);align-self:center}.opt-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 18px;font-size:14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.paper-preview{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:18px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.preview-head span{color:var(--text-dim)}.preview-scroll{overflow-x:auto;padding-bottom:8px}.preview-page{display:inline-block;vertical-align:top;margin-right:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.preview-page img{display:block;max-width:none}.about-page{padding:30px 0 50px}.about-hero h1{font-size:28px;margin:0 0 8px}.about-hero p{color:var(--text-dim)}.about-section{margin-top:26px}.about-section h2{font-size:19px;margin:0 0 8px}.about-section p{margin:0 0 10px}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:30px 0 22px;margin-top:40px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}.footer-col h4{margin:0 0 10px;font-size:15px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:6px}.footer-col small{color:var(--text-dim)}.footer-bottom{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-dim);font-size:13px}@media print{body *{visibility:hidden}#print-host,#print-host *{visibility:visible}#print-host{position:absolute;left:0;top:0;width:100%}.print-page{display:block;page-break-after:always}.print-page:last-child{page-break-after:auto}}@media (max-width: 520px){.hero{padding:30px 0 18px}.hero h1{font-size:24px}.tool-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:18px}.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opt-field.span2{grid-column:span 2}.tool-name{display:none}}