:root{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Roboto,Droid Sans Fallback,WenQuanYi Micro Hei,sans-serif;color:#17345d;background:#f5f8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(4px)}body:before{width:32rem;height:32rem;left:-14rem;top:-16rem;background:#dbeaff}body:after{width:28rem;height:28rem;right:-13rem;bottom:-14rem;background:#ffe7ce}.app{width:min(1120px,94vw);margin:0 auto;padding:34px 0 46px}header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:24px}.title-mark{display:grid;place-items:center;width:66px;height:66px;color:#ff7a18;background:#fff;border-radius:20px;box-shadow:0 10px 28px #345b8c18;font-size:40px;font-weight:800}h1{margin:0;font-size:clamp(34px,4.5vw,52px);letter-spacing:.04em}header p{margin:5px 0 0;color:#657890;font-size:16px}.legend{display:flex;gap:18px;color:#52677f;font-size:14px}.legend span{display:inline-flex;align-items:center;gap:7px}.key{display:inline-block;width:26px;height:4px;border-radius:4px}.key.edge{background:#3268d8}.key.center{background:#ff7a18}.angle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.angle-card{overflow:hidden;padding:21px 22px 18px;background:#fffffff2;border:1px solid #3268d824;border-radius:25px;box-shadow:0 13px 34px #284a781c}.card-top{display:flex;align-items:baseline;justify-content:space-between}h2{margin:0;font-size:23px}output{color:#3268d8;font-size:26px;font-weight:800}svg{display:block;width:100%;height:auto;margin-top:2px;overflow:visible}.ray{stroke:#3268d8;stroke-width:5;stroke-linecap:round}.bisector{stroke:#ff7a18;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 8;animation:dash 1.8s linear infinite}.angle-fill{fill:#62b88724}.arc{fill:none;stroke:#62b887;stroke-width:3;stroke-linecap:round}.vertex{fill:#17345d}.half-label{fill:#17345d;font-size:17px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.equation{display:flex;justify-content:center;align-items:center;gap:11px;min-height:34px;font-size:19px;font-weight:800}.equation i{color:#7a8799;font-size:14px;font-style:normal;font-weight:600}.equation strong{padding:5px 11px;color:#c75000;background:#fff0e5;border-radius:10px}.slider-label{display:block;height:0;overflow:hidden}input[type=range]{width:100%;margin:18px 0 2px;accent-color:#3268d8;cursor:pointer}.scale{display:flex;justify-content:space-between;color:#7b899b;font-size:12px}.spotlight{width:min(960px,94vw)}@keyframes dash{to{stroke-dashoffset:-36}}@media (max-width: 760px){.app{width:min(95vw,560px);padding-top:22px}header{grid-template-columns:auto 1fr}.title-mark{width:56px;height:56px;border-radius:17px;font-size:34px}.legend{grid-column:1 / -1;justify-content:center}.angle-grid{grid-template-columns:1fr}.angle-card{border-radius:20px}}@media (prefers-reduced-motion: reduce){.bisector{animation:none}}