:root{--bg:#06111f;--bg-soft:#0a1930;--panel:#0e233dc2;--panel-strong:#102f4ced;--line:#92e2f52b;--line-strong:#72ecd96b;--text:#eef8ff;--muted:#a3bdcc;--cyan:#62e4dc;--cyan-dark:#16a9b1;--violet:#a291ff;--pink:#ff9bd4;--yellow:#f7cf78;--danger:#ff969e;--success:#85ecba;--shadow:0 24px 65px #0000004a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 7%, #5863d92b, transparent 26rem), radial-gradient(circle at 89% 19%, #30dace24, transparent 25rem), radial-gradient(circle at 49% 74%, #743ca01c, transparent 30rem), var(--bg);margin:0;font-family:Microsoft YaHei,Noto Sans SC,PingFang SC,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}main{overflow:hidden}.topbar,.hero,.workspace,.results-section,.substance-inspector,.database-section,.guide-section,footer{width:min(1180px,100% - 40px);margin-inline:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #92e2f514;justify-content:space-between;align-items:center;min-height:72px;display:flex;position:sticky;top:0}.topbar:before{z-index:-1;content:"";background:#06111fbd;position:absolute;inset:0 -100vw}.brand{color:#f6fdff;letter-spacing:.03em;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--cyan);background:#62e4dc1a;border:1px solid #62e4dc8c;border-radius:11px;place-items:center;display:inline-grid;box-shadow:0 0 22px #62e4dc24}nav{color:var(--muted);gap:24px;font-size:.88rem;display:flex}nav a{transition:color .18s}nav a:hover{color:var(--cyan)}.hero{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);min-height:405px;box-shadow:var(--shadow);background:linear-gradient(110deg,#0d2746db,#11305570),#0c1e368c;border-radius:0 0 28px 28px;grid-template-columns:1.35fr .65fr;align-items:center;padding:56px 6% 46px;display:grid;position:relative}.hero:before{opacity:.18;pointer-events:none;content:"";background-image:linear-gradient(#75dfff1f 1px,#0000 1px),linear-gradient(90deg,#75dfff1f 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 90%);mask-image:linear-gradient(90deg,#000,#0000 90%)}.hero-copy{z-index:1;position:relative}.eyebrow,.panel-kicker{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:.74rem;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:700px;margin:0;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.08}.hero h1 em{color:#0000;background:linear-gradient(90deg, var(--cyan), #a9f4f0 44%, var(--violet));-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-description{color:#c9dbe5;max-width:590px;margin:23px 0 0;font-size:1.01rem;line-height:1.8}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.hero-badges span,.legend-pill{color:#c8f9f7;background:#249ea41a;border:1px solid #62e4dc42;border-radius:999px;padding:6px 11px;font-size:.78rem}.hero-orbit{aspect-ratio:1;border:1px solid #a291ff73;border-radius:50%;justify-self:center;width:min(235px,100%);position:relative;box-shadow:inset 0 0 50px #59e2dc12,0 0 48px #7563ff1f}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #62e4dc40;border-radius:50%;position:absolute}.hero-orbit:before{inset:22%}.hero-orbit:after{inset:8%;transform:rotateX(65deg)}.orbit-core{color:#d9ffff;background:radial-gradient(circle at 35% 28%,#2f8c9b,#102e5b);border:1px solid #62e4dcbf;border-radius:50%;place-items:center;width:71px;height:71px;font-size:1.45rem;font-weight:800;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #62e4dc69}.orbit-dot{border-radius:50%;width:13px;height:13px;display:block;position:absolute;box-shadow:0 0 14px}.dot-a{color:var(--pink);background:var(--pink);top:15%;right:21%}.dot-b{color:var(--cyan);background:var(--cyan);bottom:12%;left:19%}.dot-c{color:var(--yellow);background:var(--yellow);top:45%;left:-5px}.workspace,.results-section,.substance-inspector,.database-section,.guide-section{padding-top:104px;scroll-margin-top:58px}.section-title{max-width:720px;margin-bottom:27px}.section-title h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3.8vw,2.6rem)}.section-title>p:last-child{color:var(--muted);margin:11px 0 0;line-height:1.7}.glass-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#1f3e5ebd,#091b33cc);border-radius:20px}.tool-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;display:grid}.input-panel,.method-panel{padding:25px}.input-panel label,.inspector-form label{color:#dff6ff;margin-bottom:11px;font-size:.9rem;font-weight:800;display:block}textarea,input{width:100%;color:var(--text);background:#030d1c8a;border:1px solid #8ed8ef38;border-radius:14px;outline:none;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:146px;padding:16px;line-height:1.7}input{min-height:47px;padding:0 14px}textarea:focus,input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #62e4dc1c}textarea::placeholder,input::placeholder{color:#7890a2}.input-help,.method-note,.card-source{color:var(--muted);font-size:.8rem;line-height:1.6}.input-help{margin:10px 0 14px}.sample-row{flex-wrap:wrap;gap:8px;display:flex}.sample-chip{color:#d7e0ff;background:#7164c31c;border:1px solid #abc2ff3d;border-radius:999px;padding:7px 10px;font-size:.76rem;transition:border-color .18s,background .18s}.sample-chip:hover{background:#816cde3d;border-color:#a291ffcc}.action-row{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.primary-button,.secondary-button{border-radius:11px;min-height:42px;padding:0 17px;font-size:.87rem;font-weight:800;transition:transform .18s,filter .18s,background .18s}.primary-button{color:#062030;background:linear-gradient(110deg,#7bf0e6,#82c8ff);border:1px solid #8bfff18f;box-shadow:0 9px 24px #4addd330}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.secondary-button{color:#c6d8e4;background:#0a1e3787;border:1px solid #9abdd245}.secondary-button:hover:not(:disabled){color:var(--cyan);border-color:#62e4dc8a}.error-message,.success-message{border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:.84rem;line-height:1.55}.error-message{color:#ffc7ca;background:#ad2f3f2b;border:1px solid #ff969e66}.success-message{color:#bff9d7;background:#25825229;border:1px solid #85ecba61}.process-list{gap:17px;margin:22px 0;padding:0;list-style:none;display:grid}.process-list li{color:#d3e2ed;grid-template-columns:34px 1fr;align-items:center;gap:11px;font-size:.9rem;line-height:1.5;display:grid}.process-list span{width:31px;height:31px;color:var(--cyan);background:#62e4dc14;border:1px solid #62e4dc52;border-radius:9px;place-items:center;font-size:.68rem;font-weight:900;display:grid}.method-note{border-left:2px solid var(--violet);background:#a291ff14;margin:22px 0 0;padding:13px}.loading-card,.empty-result,.candidate-area{padding:27px}.loading-card{align-items:center;gap:13px;display:flex}.spinner{border:3px solid #62e4dc40;border-top-color:var(--cyan);border-radius:50%;flex:none;width:19px;height:19px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-result{min-height:155px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:9px;display:grid}.empty-result span{color:var(--cyan);font-size:2rem}.empty-result p{max-width:500px;margin:0;line-height:1.7}.candidate-area h3{margin:0 0 20px;font-size:1.12rem}.candidate-list{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;display:grid}.candidate-card,.database-card{min-height:150px;color:var(--text);text-align:left;background:#0414297d;border:1px solid #89d9ea30;border-radius:15px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:flex}.candidate-card:hover,.database-card:hover{border-color:var(--line-strong);background:#1a485b7a;transform:translateY(-3px)}.candidate-card strong,.database-card strong{font-size:1rem;line-height:1.5}.candidate-card>span:last-of-type,.database-card p,.candidate-card small,.database-card small{color:var(--muted);font-size:.78rem;line-height:1.45}.candidate-card small{color:var(--cyan);margin-top:auto}.candidate-condition{color:var(--yellow);background:#f7cf781a;border-radius:999px;padding:4px 8px;font-size:.72rem;display:inline-block}.empty-message{color:var(--muted);margin:0;line-height:1.7}.analysis-stack{gap:18px;display:grid}.equation-result{border-color:#62e4dc4a;padding:26px}.result-meta{color:#b6e8e6;align-items:center;gap:9px;font-size:.8rem;display:flex}.status-dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 12px var(--success);border-radius:50%;display:inline-block}.equation-display{overflow-wrap:anywhere;color:#f7ffff;letter-spacing:.01em;margin:18px 0;font-size:clamp(1.5rem,3.5vw,2.45rem);font-weight:800;line-height:1.45}.formula{font-family:Cambria Math,STIX Two Math,Georgia,serif}.result-facts{color:var(--muted);flex-wrap:wrap;gap:10px 28px;font-size:.86rem;display:flex}.result-facts b,.source-line b{color:#d9eefa}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-heading h3{margin:0;font-size:1.22rem}.annotation-panel,.redox-panel{padding:23px}.annotation-row{flex-wrap:wrap;align-items:flex-end;gap:23px;padding-top:9px;display:flex}.oxide-species{color:#fbfeff;gap:4px;font-size:1.17rem;font-weight:800;display:grid;position:relative}.oxide-badges{flex-wrap:wrap;gap:5px;display:flex}.oxide-badges span{color:#ffd1e9;background:#ff9bd41c;border:1px solid #ff9bd46b;border-radius:6px;padding:2px 5px;font-family:Microsoft YaHei,sans-serif;font-size:.67rem;font-weight:700}.two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two-column>.glass-panel{padding:23px}.type-list{gap:10px;display:grid}.type-item{border-left:2px solid var(--cyan);background:#07152a5c;padding:10px 12px}.type-item span{color:#d8fffb;font-size:.86rem;font-weight:800}.type-item p,.observation,.source-line,.redox-summary{color:var(--muted);margin:7px 0 0;font-size:.86rem;line-height:1.65}.observation{color:#c9dce8;font-size:.94rem}.redox-status{color:var(--muted);border:1px solid #a3bcd245;border-radius:999px;flex:none;padding:6px 9px;font-size:.74rem}.redox-status.yes{color:#ffd0e7;background:#ff9bd41a;border-color:#ff9bd470}.redox-summary{color:#d2e9f1;margin:0 0 17px}.table-wrap{border:1px solid #8ed8ef21;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:675px;font-size:.84rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #8ed8ef1a;padding:12px}th{color:var(--cyan);letter-spacing:.04em;background:#29768629;font-size:.75rem}td{color:#d9e9f2;line-height:1.45}tbody tr:last-child td{border-bottom:0}.electron-check{color:#bef5d5;background:#2e946229;border-radius:11px;flex-wrap:wrap;align-items:center;gap:13px;margin-top:14px;padding:12px;font-size:.85rem;display:flex}.electron-check strong{color:var(--success)}.uncertainty{border-left:2px solid var(--yellow);color:#ffe7ad;background:#f7cf7814;gap:5px;margin-top:14px;padding:11px 13px;font-size:.81rem;line-height:1.55;display:grid}.substances-panel{padding-top:9px}.substances-panel>.panel-heading{padding:11px 0}.substance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.substance-card{background:linear-gradient(145deg,#153655b8,#07162bbf);border:1px solid #8ed8ef24;border-radius:16px;padding:18px}.substance-topline{color:var(--muted);justify-content:space-between;gap:10px;font-size:.76rem;display:flex}.side-pill{border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:.69rem;font-weight:800;display:inline-flex}.side-pill.reactant{color:#d7e1ff;background:#8e7fed30}.side-pill.product{color:#c7fff2;background:#45d1b329}.substance-card h4{margin:14px 0 4px;font-size:1.55rem}.substance-name{color:#b9cdda;min-height:23px;margin:0;font-size:.85rem}dl{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}dl div{border-bottom:1px solid #8ed8ef1a;padding:7px 0}dt{color:#85a5b8;font-size:.69rem}dd{color:#ddedf5;margin:4px 0 0;font-size:.79rem;line-height:1.35}.composition-block{color:#aec5d2;background:#030f2057;border-radius:10px;gap:5px;padding:11px;font-size:.76rem;line-height:1.4;display:grid}.composition-block b{color:#e4f5fb;font-size:.75rem}.card-source{margin:12px 0 0}.inspector-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:17px;display:grid}.inspector-form,.inspector-result,.inspector-placeholder{padding:22px}.inline-form{gap:9px;display:flex}.inline-form .primary-button{flex:none}.inspector-result h3{margin:15px 0 6px;font-size:1.25rem}.inspector-result>p{color:var(--muted);margin:0;font-size:.86rem}.mini-data{color:#d3e7ef;gap:9px;margin-top:16px;font-size:.84rem;line-height:1.55;display:grid}.uncertain-line{border-left:2px solid var(--yellow);background:#f7cf7814;padding:9px 11px;color:#ffe3a0!important;margin-top:14px!important}.inspector-placeholder{min-height:164px;color:var(--muted);text-align:center;place-items:center;display:grid}.database-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.database-card{min-height:152px}.database-card>span{color:var(--yellow);font-size:.74rem}.database-card p{margin:0}.database-card small{margin-top:auto}.guide-section{padding-bottom:90px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guide-grid article{background:#0b213b85;border:1px solid #8ed8ef26;border-radius:17px;padding:21px}.guide-grid article>span{color:var(--violet);letter-spacing:.1em;font-size:.78rem;font-weight:900}.guide-grid h3{margin:12px 0 7px;font-size:1.05rem}.guide-grid p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.7}footer{color:#7892a4;border-top:1px solid #8ed8ef1f;justify-content:space-between;gap:18px;padding:23px 0 35px;font-size:.75rem;line-height:1.55;display:flex}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-orbit{display:none}.tool-grid,.inspector-grid{grid-template-columns:1fr}.database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=660px){.topbar,.hero,.workspace,.results-section,.substance-inspector,.database-section,.guide-section,footer{width:min(100% - 24px,1180px)}.topbar{min-height:62px}.brand{font-size:.93rem}nav{display:none}.hero{border-radius:0 0 21px 21px;min-height:auto;padding:48px 20px 42px}.hero h1{font-size:clamp(2.35rem,12vw,3.25rem)}.workspace,.results-section,.substance-inspector,.database-section,.guide-section{padding-top:69px}.input-panel,.method-panel,.equation-result,.annotation-panel,.redox-panel,.candidate-area{padding:18px}.two-column,.substance-grid,.database-grid,.guide-grid{grid-template-columns:1fr}.panel-heading,.inline-form{flex-direction:column}.inline-form .primary-button{width:100%}.result-facts,footer{flex-direction:column}.equation-display{font-size:1.45rem}.annotation-row{gap:15px}.substance-card{padding:15px}}