*{box-sizing:border-box}body{background:linear-gradient(#f3feff 0%,#d6f4ff 42%,#c2e9ff 100%);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.page{min-height:100vh;padding:38px 16px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f3f56;background:linear-gradient(#ffffffb8,#d5f5ffb3);border:1px solid #fff6;border-radius:24px;max-width:820px;margin:0 auto;padding:26px;box-shadow:0 18px 55px #1179ad38}.title-row h1{margin:10px 0 6px;font-size:40px}.title-row p{color:#296781;margin:0}.badge{color:#0b7ba2;background:linear-gradient(90deg,#ebfdff,#c4f5ff);border:1px solid #20abe173;border-radius:999px;padding:6px 12px;font-size:13px;display:inline-block}.mode-tabs{gap:10px;margin-top:20px;display:flex}.tab{cursor:pointer;color:#1f6d79;background:linear-gradient(90deg,#f3feff 0%,#d6f8ff 45%,#b8f0f1 100%);border:none;border-radius:12px;padding:10px 16px;box-shadow:inset 0 0 0 1px #40bbba59}.tab.active{color:#034f63;background:linear-gradient(90deg,#d6fbff 0%,#94efe4 52%,#7de4dc 100%);box-shadow:inset 0 0 0 1px #1aabaa80}.form-grid{grid-template-columns:130px 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.form-grid label{color:#1f5976;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select,.output{box-sizing:border-box;color:#0f3f56;background:#ffffffbf;border:1px solid #41afdd73;border-radius:12px;width:100%;padding:10px 12px;font-size:14px}.form-grid textarea{resize:vertical}.toolbar{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.mode-text{color:#246780}.tool-btns{gap:8px;display:flex}.ghost,.secondary{color:#1a6788;cursor:pointer;background:#ffffffb3;border:1px solid #3ca2d266;border-radius:10px;padding:8px 12px}.custom-panel{background:#edfcffcc;border:1px dashed #3ca2d299;border-radius:12px;margin-top:10px;padding:12px}.custom-panel p{margin:4px 0}.actions{grid-template-columns:auto auto;justify-content:end;gap:10px;margin-top:16px;display:grid}.primary{cursor:pointer;color:#fff;background:linear-gradient(90deg,#39c8f3 0%,#48dbc7 52%,#74e7d8 100%);border:none;border-radius:12px;padding:12px 16px;font-weight:700;box-shadow:0 8px 18px #21ada65c}.primary:disabled{opacity:.7;cursor:wait}.legacy-hide{display:none}.sub-link-rows{grid-template-columns:88px 1fr;align-items:center;gap:10px 12px;margin-top:14px;display:grid}.sub-link-rows label{color:#2a6682;font-weight:600}.sub-link-field{grid-template-columns:1fr auto;gap:8px;display:grid}.sub-link-field input{color:#0f3f56;background:#ffffffbf;border:1px solid #41afdd73;border-radius:10px;padding:9px 11px}.mini-copy{color:#1a6788;cursor:pointer;background:#ffffffd9;border:1px solid #3ca2d266;border-radius:10px;padding:8px 12px}.action-stack{gap:10px;margin-top:16px;display:grid}.btn-row{grid-template-columns:1fr;gap:10px;display:grid}.btn-row.two-cols{grid-template-columns:1fr 1fr}.bottom-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#41dca9 0%,#1f9d87 45%,#034f63 100%);border:none;border-radius:12px;padding:12px 16px;font-weight:700;box-shadow:0 8px 18px #14767657}.tall-btn{padding-top:18px;padding-bottom:18px}.bottom-btn:disabled{opacity:.75;cursor:wait}.bottom-btn.small{color:#1a6788;box-shadow:none;background:#ffffffd9;border:1px solid #3ca2d266;padding:9px 14px;font-weight:600}.status{margin:10px 0 0;font-size:14px}.status.error{color:#b12a2a}.status.success{color:#0c7b52}.status.info{color:#255f7a}.output{resize:vertical;min-height:210px;margin-top:14px}@media (width<=760px){.card{padding:18px}.title-row h1{font-size:32px}.form-grid{grid-template-columns:1fr;gap:8px}.actions{grid-template-columns:1fr 1fr;justify-content:stretch}.sub-link-rows{grid-template-columns:1fr;gap:6px}.btn-row.two-cols{grid-template-columns:1fr}}