/* Shared public tool design. Layout is based on the approved desktop previews. */
:root{color-scheme:dark;--tdl-bg:#030b1a;--tdl-text:#f4f7ff;--tdl-muted:#a9bedc;--tdl-border:#7290bc99;--tdl-blue:#5e94ff;--tdl-green:#56e5b2;--tdl-panel:#10213b;--tdl-gradient:linear-gradient(110deg,#5289ff,#6555f5 75%,#805dff)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body.tdl-tool-page{display:flow-root;margin:0;min-height:100vh;position:relative;isolation:isolate;overflow-x:clip;background:var(--tdl-bg);color:var(--tdl-text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.tdl-tool-page:before{content:"";position:absolute;z-index:-3;inset:0 0 auto;height:820px;background:linear-gradient(180deg,#030b1a00 45%,#030b1a 100%),url('../images/home/hero-comet.webp') center top/cover no-repeat;pointer-events:none}
.tdl-tool-page:after{content:"";position:absolute;z-index:-2;inset:auto 0 0;height:440px;background:linear-gradient(#030b1a 0%,#030b1a44 30%,#030b1a00 68%),url('../images/home/footer-dawn.webp') center bottom/cover no-repeat;pointer-events:none}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.6}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #aacaff;outline-offset:4px}
h1,h2,h3,p{margin:0}img{max-width:100%;height:auto;display:block}.tdl-icon{width:22px;height:22px;flex:none;vertical-align:middle}
.tdl-skip-link{position:fixed;z-index:100;left:20px;top:-80px;padding:10px 16px;background:white;color:#091629;border-radius:8px}.tdl-skip-link:focus{top:10px}
.tdl-tool-shell{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}
.tdl-tool-nav{width:calc(100% - 64px);max-width:1200px;min-height:70px;margin:16px auto 0;padding:12px 26px;border:1px solid #7c97c080;border-radius:18px;background:linear-gradient(120deg,#263c658a,#091529c2);backdrop-filter:blur(18px);display:flex;align-items:center;gap:35px;position:relative;z-index:20;box-shadow:inset 0 1px 0 #cbdfff10}
.tdl-tool-brand{display:block;flex:none;width:214px}.tdl-tool-brand img{width:100%;height:auto}
.tdl-tool-nav>nav{display:flex;align-items:center;justify-content:center;gap:40px;flex:1;white-space:nowrap;font-size:15px}
.tdl-tool-nav>nav>a{position:relative;padding:10px 0;color:#d1ddf3}.tdl-tool-nav>nav>a:hover,.tdl-tool-nav>nav>a.active{color:#fff}.tdl-tool-nav>nav>a.active{font-weight:700}
.tdl-tool-nav>nav>a.active:after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:3px;background:#8abaff;box-shadow:0 0 11px #7eafff}
.tdl-nav-account{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px}
.tdl-nav-logout{border:0;border-left:1px solid #64769a;padding:0 0 0 23px;background:none;color:#c2d2ea}
.tdl-status-badge{display:inline-flex;align-items:center;gap:9px;color:var(--tdl-green);border:1px solid #46c8a733;border-radius:30px;background:#1850443b;padding:5px 12px;font-size:13px;white-space:nowrap}
.tdl-status-badge i,.tdl-service-dot{width:10px;height:10px;background:var(--tdl-green);border-radius:50%;box-shadow:0 0 12px #45e5b344;display:inline-block;flex:none}
.tdl-tool-heading{margin:30px 0 26px;padding-left:52px}.tdl-tool-heading h1{font-size:48px;letter-spacing:-1px;line-height:1.3;font-weight:800;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.tdl-tool-heading p{font-size:21px;color:#c2d4f0;margin-top:2px}.tdl-tool-heading .tdl-status-badge{font-size:13px;font-weight:400;letter-spacing:0;padding:6px 13px;background:#091b31a6;border-color:#5874a078;color:#c7d8f6}
.tdl-glass{border:1px solid var(--tdl-border);border-radius:18px;background:linear-gradient(135deg,#25436a80,#09182bea 64%,#263f6178);backdrop-filter:blur(16px);box-shadow:inset 0 1px 1px #c6dcff1a,0 16px 44px #00000015}
.tdl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;line-height:1.35;padding:12px 23px;border:1px solid #89a8e199;border-radius:10px;font-weight:600;text-align:center;transition:filter .15s,transform .15s;background:transparent;white-space:nowrap}
.tdl-btn .tdl-icon{width:20px;height:20px}.tdl-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}
.tdl-btn-primary{background:var(--tdl-gradient);border-color:#acc5ffe0;color:white;box-shadow:inset 0 0 10px #c7d8ff46,0 0 15px #5d77ff45}.tdl-btn-ghost{background:linear-gradient(120deg,#2c43645e,#16294380);color:#d4e3fa}
.tdl-btn-orange{background:linear-gradient(105deg,#ff942b,#ff781c);border-color:#ffb05e;color:#fff;box-shadow:inset 0 0 12px #ffd18d5e,0 0 26px #ff801f66}
.tdl-nav-home{min-height:43px;font-size:14px;padding:9px 17px;flex:none}
.tdl-input{width:100%;min-height:48px;padding:12px 16px;color:#edf4ff;background:linear-gradient(110deg,#1c345571,#152640c9);border:1px solid #627fab85;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}
.tdl-input::placeholder{color:#8097b8}.tdl-input:focus{border-color:#8eb0ff;box-shadow:0 0 0 3px #5689ff1e}
textarea.tdl-input{resize:vertical;line-height:1.7}select.tdl-input{padding-right:35px}select option{background:#14213a;color:#edf4ff}
.tdl-tool-footer{width:calc(100% - 64px);max-width:1200px;margin:30px auto 0;padding:0 0 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;color:#bdcbe2;position:relative}
.tdl-footer-brand{display:block;width:154px;flex:none}.tdl-tool-footer p{margin:0;text-align:center}.tdl-tool-footer b{font-weight:400;margin:0 11px;color:#7388ac}.tdl-tool-footer nav{display:flex;align-items:center;gap:12px;white-space:nowrap}.tdl-tool-footer nav>a+a{border-left:1px solid #5f7594;padding-left:12px}
.tdl-tool-footer a:hover{color:#fff}
@media(min-width:1800px){.tdl-tool-page:before{height:1000px}}
@media(max-width:1120px){.tdl-tool-nav{gap:24px;padding-inline:20px}.tdl-tool-brand{width:175px}.tdl-tool-nav>nav{gap:25px;font-size:14px}.tdl-nav-account{gap:12px;font-size:12px}.tdl-nav-logout{padding-left:12px}.tdl-tool-heading{padding-left:26px}.tdl-tool-heading h1{font-size:42px}.tdl-tool-heading p{font-size:17px}.tdl-tool-footer{gap:18px;font-size:10px}.tdl-tool-footer p span{display:none}}
@media(max-width:820px){.tdl-tool-shell,.tdl-tool-nav,.tdl-tool-footer{width:calc(100% - 32px)}.tdl-tool-nav{flex-wrap:wrap;gap:12px;min-height:0;padding:14px 18px}.tdl-tool-brand{width:167px}.tdl-tool-nav>nav{order:3;flex-basis:100%;justify-content:space-between;gap:14px;border-top:1px solid #55729c44;padding-top:7px;font-size:13px}.tdl-tool-nav>nav>a.active:after{bottom:-14px}.tdl-nav-account,.tdl-nav-home{margin-left:auto}.tdl-tool-heading{padding-left:0;margin:30px 0 22px}.tdl-tool-heading h1{font-size:36px;gap:14px}.tdl-tool-heading p{font-size:16px;margin-top:6px}.tdl-tool-footer{flex-wrap:wrap;justify-content:center;padding-bottom:30px}.tdl-tool-footer p{order:3;flex-basis:100%}.tdl-tool-footer b{margin-inline:5px}.tdl-tool-page:before{height:640px;background-position:34% top}.tdl-tool-page:after{height:370px}}
@media(max-width:440px){.tdl-tool-nav{padding-inline:13px}.tdl-tool-brand{width:139px}.tdl-nav-account{gap:8px}.tdl-status-badge{padding:4px 8px;font-size:11px}.tdl-nav-logout{font-size:11px;padding-left:8px}.tdl-tool-nav>nav{font-size:12px;gap:10px}.tdl-nav-home{font-size:11px;min-height:35px;padding:8px 10px}.tdl-nav-home .tdl-icon{width:16px;height:16px}.tdl-tool-heading h1{font-size:31px}.tdl-tool-heading p{font-size:14px}.tdl-glass{border-radius:15px}.tdl-tool-footer p{font-size:9px}.tdl-footer-brand{width:132px}.tdl-tool-footer nav{font-size:10px}.tdl-tool-footer b{display:block;height:0;font-size:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:380px){.tdl-tool-nav>nav{gap:6px;font-size:10.5px}.tdl-tool-nav>nav>a{padding-block:12px}}