:root{color:#17233d;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;background:#f5f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6fa;-webkit-font-smoothing:antialiased}.page-shell{min-height:100vh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.page-container{width:min(1056px,calc(100% - 48px));margin:0 auto}.hero .page-container{width:min(1094px,calc(100% - 48px))}.hero{min-height:246px;color:#fff;background:linear-gradient(112deg,#0f9c92,#1398b4 48%,#5957eb)}.hero-content{min-height:246px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.04em}.brand-mark{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#ffffff24;color:#fff;font-size:14px}.navigation{display:flex;gap:10px;transform:translate(26px)}.nav-button{min-height:35px;padding:0 16px;border:1px solid rgb(255 255 255 / .3);border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:600;transition:transform .16s ease,background .16s ease,color .16s ease}.nav-button:hover,.nav-button:focus-visible{background:#ffffff29;outline:none}.nav-button:active{transform:scale(.96)}.nav-button.is-active{border-color:#fff;background:#fff;color:#118eae}.title-block{padding-top:24px}.title-block h1{margin:0;font-size:clamp(34px,3.4vw,42px);font-weight:800;letter-spacing:-.05em;line-height:1.22}.title-block p{margin:8px 0 0;color:#ffffffeb;font-size:16px;font-weight:500}.content-area{min-height:calc(100vh - 246px);padding-bottom:56px}.query-layout{margin-top:-56px;transform:translate(12px)}.query-card{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 18px 38px #1a33571f}.form-content{padding:30px 32px 27px}.form-content h2{position:relative;margin:0 0 19px;padding-left:13px;color:#19243a;font-size:16px;font-weight:700;line-height:1.3}.form-content h2:before{position:absolute;top:1px;bottom:1px;left:0;width:4px;border-radius:999px;background:#159ec0;content:""}.secret-field{display:flex;min-height:46px;overflow:hidden;border:1px solid #dce1e9;border-radius:8px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.secret-field:focus-within{border-color:#31a0c7;box-shadow:0 0 0 3px #31a0c724}.field-prefix{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:0 18px;border-right:1px solid #dce1e9;background:#f9fafc;color:#2c3a52;font-size:14px}.field-prefix svg{color:#298bdc;font-size:15px}.secret-field input{min-width:0;flex:1;border:0;outline:0;padding:0 16px;color:#19243a;font-size:14px}.secret-field input::placeholder{color:#aab2c1}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.actions button{min-height:45px;border:0;border-radius:7px;font-size:15px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.actions button:hover,.actions button:focus-visible{filter:brightness(.98);outline:none}.actions button:active,.actions button.is-pressed{transform:scale(.985)}.secondary-action{background:#f1f2f5;color:#9ba5b9}.secondary-action:hover,.secondary-action:focus-visible{box-shadow:0 4px 13px #1d2d4e14}.primary-action{background:linear-gradient(102deg,#129b91,#2596b5 49%,#6357ee);box-shadow:0 4px 10px #1e77b138;color:#fff}.primary-action:hover,.primary-action:focus-visible{box-shadow:0 7px 16px #1e77b14d}.card-footer-space{height:57px;border-top:1px solid #e8ebf0}.notice{display:flex;align-items:center;gap:10px;min-height:50px;margin-top:16px;padding:11px 16px;border:1px solid #f2cf61;border-radius:8px;background:#fff9e8;color:#b96804;font-size:14px;line-height:1.5}.notice svg{flex:0 0 auto;color:#f1bc25;font-size:20px}@media(max-width:720px){.page-container,.hero .page-container{width:min(100% - 32px,520px)}.hero,.hero-content{min-height:224px}.topbar{padding-top:18px}.brand{font-size:14px}.brand-mark{width:28px;height:28px}.navigation{gap:6px;transform:none}.nav-button{min-height:32px;padding:0 10px;font-size:12px}.title-block{padding-top:26px}.title-block h1{font-size:34px}.title-block p{font-size:14px}.content-area{min-height:calc(100vh - 224px)}.query-layout{margin-top:-38px;transform:none}.form-content{padding:24px 18px 22px}.field-prefix{padding:0 12px;gap:7px;font-size:13px}.actions{grid-template-columns:1fr}.card-footer-space{height:34px}.notice{align-items:flex-start;padding:10px 12px;font-size:13px}}