@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=ZCOOL+XiaoWei&display=swap');

:root{--brand-deep:#04172b;--brand-mid:#083852;--brand-cyan:#22c4c9;--brand-mint:#4de3c2;--brand-ice:#e6fbfb;--brand-warm:#f2b94b}
body{font-family:"Noto Sans SC","PingFang SC",sans-serif;background-image:linear-gradient(rgba(10,55,79,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,55,79,.025) 1px,transparent 1px);background-size:32px 32px}
.auth-screen{position:relative;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);overflow:hidden;background:var(--brand-deep)}
.auth-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 55%,rgba(255,255,255,.025) 55.1%,transparent 72%)}
.auth-brand{position:relative;min-height:100vh;padding:clamp(42px,7vw,100px);justify-content:flex-end;isolation:isolate;background:radial-gradient(circle at 72% 24%,rgba(34,196,201,.2),transparent 21%),linear-gradient(138deg,#031426 5%,#062d48 64%,#08726e)}
.auth-brand::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(91,222,223,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,222,223,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.auth-brand-copy{position:relative;z-index:3;max-width:790px}.auth-brand .brand-symbol{margin-bottom:24px}.auth-brand h1{max-width:none;margin:12px 0 5px;font-family:"ZCOOL XiaoWei","Noto Sans SC",serif;font-size:clamp(45px,5.1vw,78px);letter-spacing:.025em}.auth-brand h2{margin:0 0 20px;color:#66eee0;font-family:"ZCOOL XiaoWei","Noto Sans SC",serif;font-size:clamp(24px,2.3vw,38px);font-weight:400}.auth-brand-copy>span{font-size:15px;letter-spacing:.06em}.brand-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.brand-points b{padding:8px 12px;border:1px solid rgba(102,238,224,.2);border-radius:999px;color:#c7edf0;background:rgba(7,38,58,.48);font-size:11px;font-weight:600;letter-spacing:.04em}
.auth-visual{position:absolute;z-index:1;inset:4% 1% 30% 34%;overflow:hidden;opacity:.92}.factory-skyline{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;gap:10px;height:43%;border-bottom:1px solid rgba(99,238,230,.18)}.factory-skyline i{display:block;width:14%;height:48%;border:1px solid rgba(97,222,221,.15);background:linear-gradient(to top,rgba(6,41,58,.95),rgba(18,95,108,.23));clip-path:polygon(0 30%,18% 30%,18% 10%,32% 10%,32% 30%,100% 30%,100% 100%,0 100%)}.factory-skyline i:nth-child(2){height:76%;width:20%}.factory-skyline i:nth-child(3){height:58%;width:23%}.factory-skyline i:nth-child(4){height:88%;width:16%}.factory-skyline i:nth-child(5){height:43%;width:25%}.risk-shield{position:absolute;left:52%;top:30%;width:155px;height:182px;display:grid;place-items:center;color:#d7fffb;background:linear-gradient(155deg,rgba(49,224,213,.28),rgba(18,116,139,.1));border:1px solid rgba(94,241,229,.45);clip-path:polygon(50% 0,93% 18%,88% 70%,50% 100%,12% 70%,7% 18%);filter:drop-shadow(0 0 38px rgba(48,219,210,.18))}.risk-shield::before{content:"";position:absolute;inset:14px;border:1px solid rgba(107,245,231,.25);clip-path:inherit}.risk-shield span{font-size:42px;font-weight:300}.network-node{position:absolute;width:9px;height:9px;border:2px solid #63eee2;border-radius:50%;box-shadow:0 0 18px #29c9c9}.network-node::after{content:"";position:absolute;left:7px;top:3px;width:170px;height:1px;background:linear-gradient(90deg,rgba(85,233,225,.65),transparent);transform-origin:left}.node-a{left:17%;top:54%}.node-a::after{transform:rotate(-18deg)}.node-b{left:72%;top:48%}.node-b::after{left:auto;right:7px;transform-origin:right;transform:rotate(15deg)}.node-c{left:36%;top:25%}.node-c::after{transform:rotate(22deg)}.scan-line{position:absolute;left:10%;right:6%;top:48%;height:1px;background:linear-gradient(90deg,transparent,#55f3e8,transparent);box-shadow:0 0 15px #55f3e8;animation:risk-scan 5.2s ease-in-out infinite}@keyframes risk-scan{0%,100%{transform:translateY(-95px);opacity:0}20%,75%{opacity:.75}50%{transform:translateY(125px)}}
.auth-panel{position:relative;z-index:2;width:min(440px,87%);padding:32px;border:1px solid rgba(13,83,107,.1);box-shadow:0 30px 80px rgba(0,9,20,.38);animation:panel-in .55s ease-out both}@keyframes panel-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-panel-head{margin-bottom:20px}.auth-panel-head span{color:#0993a2;font-size:11px;font-weight:800;letter-spacing:.13em}.auth-panel-head h3{margin:7px 0 3px;font-size:27px}.auth-panel-head p{margin:0;color:var(--muted);font-size:12px}.auth-tabs{padding:4px;border-radius:11px;background:#edf4f6}.auth-tabs button{background:transparent}.auth-tabs button.active{box-shadow:0 4px 14px rgba(4,34,56,.15)}.auth-form{gap:13px}.auth-form input{min-height:47px;background:#fbfdfe}.auth-form .primary{margin-top:4px;min-height:48px;background:linear-gradient(110deg,#076f90,#08a58e);box-shadow:0 10px 22px rgba(8,145,146,.18)}.public-appeal-entry button{font-size:12px}.brand-symbol{border-radius:14px;background:linear-gradient(145deg,#0b87a1,#18bda7);box-shadow:0 15px 34px rgba(17,183,177,.2)}
.logo{border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px}.logo span{color:#54d9d3;font-size:10px;letter-spacing:.06em}.sidebar-risk-visual{position:relative;height:105px;margin-top:auto;overflow:hidden;border:1px solid rgba(63,214,207,.12);border-radius:14px;background:radial-gradient(circle at 68% 25%,rgba(51,220,209,.16),transparent 30%),rgba(255,255,255,.02)}.sidebar-risk-visual::after{content:"";position:absolute;left:12px;right:12px;bottom:20px;height:1px;background:rgba(85,223,215,.18)}.mini-shield{position:absolute;left:50%;top:18px;width:56px;height:65px;display:grid;place-items:center;color:#72efe4;border:1px solid rgba(91,234,224,.35);background:rgba(28,178,175,.09);clip-path:polygon(50% 0,94% 18%,88% 70%,50% 100%,12% 70%,6% 18%)}.sidebar-risk-visual i{position:absolute;width:6px;height:6px;border-radius:50%;background:#37cdc8;box-shadow:0 0 10px #37cdc8}.sidebar-risk-visual i:nth-of-type(1){left:17px;bottom:18px}.sidebar-risk-visual i:nth-of-type(2){right:19px;bottom:18px}.sidebar-risk-visual i:nth-of-type(3){left:48%;bottom:18px}.sidebar-note{margin-top:10px}
.hero{position:relative;min-height:320px;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(53,225,211,.2),transparent 18%),linear-gradient(120deg,#04172b,#08425b 72%,#08776e)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,228,222,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(100,228,222,.04) 1px,transparent 1px);background-size:44px 44px}.hero>div:first-child{position:relative;z-index:2}.hero h3{margin-bottom:2px}.hero h4{margin:0 0 16px;color:#62eee0;font-family:"ZCOOL XiaoWei","Noto Sans SC",serif;font-size:26px;font-weight:400}.dashboard-risk-scene{position:relative;z-index:2;width:280px;height:210px;flex:none}.risk-shield.small{left:86px;top:6px;width:108px;height:130px}.scene-line{position:absolute;left:10px;right:10px;top:72px;height:1px;background:linear-gradient(90deg,transparent,#50e7db,transparent);box-shadow:0 0 14px rgba(80,231,219,.8)}.dashboard-risk-scene .hero-ring{position:absolute;right:0;bottom:0;width:116px;height:116px;background:rgba(4,33,49,.52);backdrop-filter:blur(7px)}.dashboard-risk-scene .hero-ring b{font-size:32px}
.page-intro{position:relative;overflow:hidden}.page-intro::after{content:"";position:absolute;right:-35px;top:-44px;width:130px;height:130px;border:18px solid rgba(22,184,199,.045);border-radius:50%}.page-intro>*,header>*{position:relative;z-index:1}.principles article{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.principles article:hover{transform:translateY(-3px);border-color:rgba(22,184,199,.42)}.principles article::after{content:"";position:absolute;right:-24px;bottom:-34px;width:76px;height:76px;border:12px solid rgba(22,184,199,.055);border-radius:50%}
@media(max-width:980px){.auth-screen{grid-template-columns:1fr 420px}.auth-brand{padding:48px}.auth-visual{inset:5% -8% 38% 20%}.auth-brand h1{font-size:47px}.brand-points{display:none}}
@media(max-width:760px){.auth-screen{display:block;min-height:100vh;padding-bottom:0}.auth-brand{min-height:42vh;padding:28px 22px 34px;justify-content:flex-end}.auth-brand h1{margin-top:8px;font-size:32px}.auth-brand h2{margin-bottom:10px;font-size:21px}.auth-brand-copy>span{font-size:11px}.auth-brand p{font-size:9px}.auth-brand .brand-symbol{width:45px;height:45px;margin-bottom:12px}.auth-visual{inset:0 -20% 34% 16%;opacity:.52}.risk-shield{width:100px;height:118px}.auth-panel{width:100%;margin:0;padding:24px 20px 28px;border-radius:24px 24px 0 0;box-shadow:none}.auth-panel-head{margin-bottom:14px}.auth-panel-head h3{font-size:23px}.dashboard-risk-scene{width:100%;height:160px}.risk-shield.small{left:auto;right:70px}.hero h4{font-size:21px}.public-appeal-entry{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics .metric:last-child{grid-column:span 2}}
.auth-screen::after{z-index:0}.auth-brand{z-index:1}.auth-panel{z-index:3}
@media(max-width:760px){.auth-panel{background:#fff;box-shadow:0 -12px 32px rgba(1,16,29,.24)}}
@media(prefers-reduced-motion:reduce){.scan-line,.auth-panel{animation:none!important}}
.quota-notice{margin:0 0 16px;padding:14px 16px;border:1px solid #f0d49a;border-radius:12px;color:#78520d;background:#fff9eb;font-size:13px;line-height:1.7}.quota-notice.verified{border-color:#a8e4d8;color:#08735f;background:#edfbf7}#queryQuotaBadge{align-self:center;white-space:nowrap;background:#fff1c9;color:#8a5a00}#queryQuotaBadge.verified{background:#dff8f1;color:#08735f}@media(max-width:760px){#queryQuotaBadge{margin-top:12px;align-self:flex-start}.quota-notice{font-size:12px}}
.legal-declaration{padding:18px 20px;border:1px solid #d5e2ea;border-radius:12px;background:#f8fbfc;color:#40576c}.legal-declaration h4{margin:0 0 12px;color:#102f49;font-size:18px}.legal-declaration p{margin:8px 0;font-size:13px;line-height:1.8}.legal-declaration ul{margin:6px 0 10px;padding-left:21px}.legal-declaration li{margin:5px 0;font-size:13px;line-height:1.75}.legal-declaration .consent{margin-top:14px;padding-top:14px;border-top:1px solid #dbe6ec;align-items:flex-start}.legal-declaration .consent input{margin-top:3px}.legal-declaration .consent span{color:#173b55;font-size:13px;line-height:1.65}@media(max-width:760px){.legal-declaration{padding:15px}.legal-declaration h4{font-size:17px}.legal-declaration p,.legal-declaration li,.legal-declaration .consent span{font-size:12px}}
.auth-brand-copy,.home-serif{font-family:"Songti SC","STSong","SimSun","宋体",serif}.changan-logo-image{display:block;height:auto;object-fit:contain}.changan-logo-hero{width:min(430px,78%);margin-bottom:25px;border-radius:18px;filter:drop-shadow(0 18px 34px rgba(0,9,20,.28))}.changan-logo-sidebar{width:100%;max-width:205px;border-radius:10px}.hero-brand-name{width:max-content;margin-bottom:8px;padding:5px 12px;border:1px solid rgba(98,238,224,.38);color:#78f0e4;font-size:17px;font-weight:700;letter-spacing:.24em}.home-serif .metric span,.home-serif .metric b,.home-serif .hero h3,.home-serif .hero h4,.home-serif .hero span,.home-serif .principles h4,.home-serif .principles p{font-family:"Songti SC","STSong","SimSun","宋体",serif}.home-serif .hero h3{letter-spacing:.06em}.home-serif .principles h4{font-size:18px}@media(max-width:760px){.changan-logo-hero{width:min(310px,88%);margin-bottom:12px;border-radius:12px}.hero-brand-name{font-size:14px}}
.risk-remark{padding:10px 12px;border-left:3px solid #18aaa7;border-radius:0 8px 8px 0;background:#f0faf9;white-space:pre-wrap;overflow-wrap:anywhere}.risk-remark b{color:#0a6d6b}