:root{color-scheme:dark;--bg:#050b12;--panel:#0a1621;--line:#21384a;--text:#eaf6ff;--muted:#7693a6;--cyan:#42d7ff;--blue:#177ad8;--orange:#f08228;--green:#20b971}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 38% 8%,#123248 0,#07121d 34%,#04080d 82%);font-family:Inter,"Microsoft YaHei",sans-serif;color:var(--text)}body:before{content:"";position:fixed;inset:0;opacity:.16;pointer-events:none;background-image:linear-gradient(#6fb5d31c 1px,transparent 1px),linear-gradient(90deg,#6fb5d31c 1px,transparent 1px);background-size:40px 40px}.shell{position:relative;width:min(1440px,100%);margin:auto;padding:26px 32px}header,.section-title,.angles-head{display:flex;align-items:center;justify-content:space-between}.eyebrow,.section-title small,.angles-head small,.guide>small{font-size:10px;letter-spacing:.22em;color:#6e99b2;margin:0 0 7px}h1{font-size:25px;margin:0}h1 span{font-weight:400;color:#86a2b4;margin-left:8px}h2{font-size:19px;margin:0}button{border:1px solid #2a5871;background:#0c2637;color:#87dfff;padding:9px 13px;border-radius:7px;cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:18px}.model,.guide,.angles{border:1px solid var(--line);background:linear-gradient(145deg,#0c1b29ef,#07111bef);border-radius:15px;box-shadow:0 20px 60px #0007}.model{padding:18px;position:relative}.section-title span{color:#69899d;font-size:11px}#model{display:block;width:100%;height:410px}.legend{position:absolute;left:24px;bottom:20px;padding:8px 11px;border:1px solid #214055;background:#06121dda;border-radius:8px;color:#8eacbd;font-size:10px;display:flex;gap:7px;align-items:center}.legend i{width:9px;height:9px;border-radius:2px;margin-left:6px}.blue{background:var(--blue)}.orange{background:var(--orange)}.green{background:var(--green)}.white{background:white}.guide{padding:21px}.guide h2{padding-bottom:14px;border-bottom:1px solid var(--line)}.axis{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #162c3b}.axis b{width:42px;color:var(--cyan);font-family:Georgia,serif;font-size:18px}.axis strong,.axis span{display:block}.axis strong{font-size:12px}.axis span{color:#648396;font-size:10px;margin-top:3px}.guide p{color:#6e8b9d;font-size:11px;line-height:1.7;margin:16px 0 0}.angles{padding:20px;margin-top:16px}.angles-head{margin-bottom:15px}.angles-head p{color:#66869a;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid #1b3547;background:#07131e;border-radius:11px;padding:14px;position:relative}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card h3{font-size:14px;margin:0}.card h3 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400;margin-left:5px}.plane{font-size:9px;color:#64879d;border:1px solid #21445a;border-radius:4px;padding:3px 6px}.diagram{display:block;width:100%;height:170px;margin:5px 0}.control{display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:center}.control input{width:100%;accent-color:var(--cyan);cursor:pointer}.control output{font-size:12px;text-align:right;padding:4px 6px;border:1px solid #274459;border-radius:5px;background:#091925;font-variant-numeric:tabular-nums}.range{display:flex;justify-content:space-between;color:#49677a;font-size:8px;margin-top:4px;padding-right:68px}footer{display:flex;justify-content:space-between;color:#607f92;font-size:10px;padding:15px 2px}#tip{color:#75dfff}@media(max-width:1000px){.hero{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.guide>small,.guide>h2,.guide>p{grid-column:1/-1}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shell{padding:14px}.grid{grid-template-columns:1fr}.guide{grid-template-columns:1fr 1fr}#model{height:340px}h1 span{display:block;margin:4px 0 0}.angles-head p,.section-title span{display:none}footer{gap:10px}}