:root{--bg:#f6f5f0;--paper:#fffefa;--ink:#252d29;--muted:#72766c;--line:#dedfd5;--green:#375c45;--soft:#e9eee2;--orange:#c6794e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:7px;padding:10px 16px;background:transparent;color:inherit;transition:background .15s}button:hover{background:var(--soft)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9cba96;outline-offset:3px}a{color:inherit;text-decoration:none}.primary{background:var(--green);color:white}.primary:hover{background:#264832}.outline{border:1px solid var(--line);background:var(--paper)}.quiet{color:var(--muted)}.full{width:100%;margin-top:12px}.topbar{max-width:1264px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:750;letter-spacing:2px;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:var(--muted);font-weight:500}.logo{background:var(--green);color:white;width:44px;height:44px;border-radius:12px;font-size:32px;line-height:40px;text-align:center}nav{display:flex;gap:12px;align-items:center}main{max-width:1200px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:58px 0 54px;gap:60px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:2.2px;font-weight:650}h1{font-size:46px;line-height:1.45;letter-spacing:1px;margin:15px 0 20px;font-weight:650}h1 em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);font-size:15px;line-height:1.95}.hero-note{font-size:11px;color:var(--muted);margin-top:26px;display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;background:#7a9a70;border-radius:50%}.vector-art{position:relative;overflow:hidden;height:280px;max-width:430px;background:#eceee5;border:1px solid #e1e4d8;border-radius:50% 50% 12px 12px}.orbit{position:absolute;width:210px;height:210px;border:1px solid #cfd6c6;border-radius:50%;left:110px;top:38px}.orbit.two{width:128px;height:128px;left:151px;top:79px}.axis{position:absolute;background:#c6cebe}.axis.horizontal{height:1px;width:310px;top:145px;left:50px;transform:rotate(-20deg)}.axis.vertical{height:230px;width:1px;left:215px;top:25px;transform:rotate(-20deg)}.art-title{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:var(--muted)}.art-point{position:absolute;font-size:11px;padding:3px 12px;border:1px solid #ccd6c5;border-radius:15px;background:var(--paper)}.p1{top:70px;right:50px}.p2{top:184px;left:70px}.p3{top:176px;right:70px}.arrow{position:absolute;top:44px;left:170px;font-size:120px;color:#5c7859;font-family:serif;transform:rotate(8deg);line-height:1.4}.formula{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:21px;margin:0}h3{font-size:17px}.muted{color:var(--muted);font-size:13px}.feed-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0 13px}.tabs{display:flex;gap:4px}.tabs button{padding:8px 13px;font-size:13px}.tabs .active{color:var(--green);background:var(--soft);font-weight:650}#search-form{display:flex;max-width:240px;background:#eeeee7;border-radius:6px}#search-form input{border:0;background:transparent;width:100%;font-size:12px;padding:8px 12px}#search-form button{padding:5px 10px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px}.panel h2{margin:10px 0 12px;font-size:19px}.tiny{font-size:11px;color:var(--muted);line-height:1.9}.behavior-summary{display:grid;gap:10px;margin:20px 0}.behavior-summary>div{padding:12px 14px;background:var(--soft);border-radius:8px;font-size:13px;color:var(--green);font-variant-numeric:tabular-nums}#saved.active{background:var(--soft);color:var(--green)}.explain-panel{margin-top:18px;background:#eceee5;border:0}.explain-panel p{font-size:12px;color:#687060;line-height:1.9}.explain-panel code{display:block;background:#e0e5d7;padding:12px;font-size:11px;border-radius:6px;color:var(--green)}.mini-icon{font-size:25px;color:var(--green)}.post{padding:26px 0;border-bottom:1px solid var(--line)}.post-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e2e6d8;color:var(--green);font-size:11px}.post h3{font-size:20px;line-height:1.55;margin:13px 0 10px}.title-button{text-align:left;padding:0;border:0;display:block}.title-button:hover{background:none;color:var(--green)}.excerpt{font-size:13px;color:#707567;line-height:1.9;margin:0 0 16px;overflow-wrap:anywhere}.post-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.score{font-family:ui-monospace,monospace;color:var(--green);font-size:11px}.post-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:11px;color:var(--muted)}.post-actions button{padding:5px 9px;border:1px solid var(--line);font-size:11px}.post-actions button.selected{border-color:#8ea884;background:var(--soft);color:var(--green)}.empty{padding:80px 20px;text-align:center;border-bottom:1px solid var(--line)}.empty-mark{font-size:44px;color:#9eaf91}.empty h3{font-size:22px}.empty p{font-size:13px;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:25px 0;font-size:12px}.pagination button{font-size:12px}footer{max-width:1200px;margin:70px auto 0;padding:30px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}footer strong{font-size:14px;color:var(--green)}dialog{padding:36px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 24px));max-height:90vh;box-shadow:0 24px 80px #18281d26}dialog::backdrop{background:#1b281e66;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin:0 30px 18px 0}.close{position:absolute;right:15px;top:12px;font-size:24px;padding:2px 12px}.form-field{display:block;margin:18px 0;font-size:13px}.form-field input,.form-field textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:130px}.error{color:#a34332;font-size:13px;min-height:22px}.detail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px;margin:28px 0}.vector-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:11px;align-items:center;margin:7px 0}.vector-row code{text-align:right}details{border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0;font-size:12px}summary{cursor:pointer;font-weight:600}.comment{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.comment small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--green);color:white;padding:12px 23px;border-radius:9px;font-size:13px;z-index:10}.danger{color:#9b4939}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs .active{background:var(--soft);color:var(--green)}@media(max-width:900px){.hero{gap:16px}.vector-art{max-width:100%}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}h1{font-size:36px}}@media(max-width:700px){.topbar{padding:16px}.brand{font-size:17px;gap:8px}.brand small{font-size:7px}.logo{width:34px;height:36px;font-size:27px;line-height:32px}nav{gap:6px}nav button{padding:8px 10px;font-size:11px}#home{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:36px 0}.hero p{font-size:13px}h1{font-size:34px}.vector-art{display:none}.layout{display:flex;flex-direction:column}.feed{width:100%}aside{width:100%;display:grid;grid-template-columns:1fr}.panel{padding:22px}.feed-tools{gap:5px}#search-form{width:46%}.tabs button{font-size:12px;padding:7px 9px}footer{margin-top:38px;flex-wrap:wrap;padding:24px 18px}footer span:last-child{display:none}dialog{padding:26px 20px}.post h3{font-size:18px}.post-bottom{flex-wrap:wrap}.empty{padding:55px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}