:root{--ink:#243c34;--muted:#77867e;--paper:#fafbf8;--line:#e3e9e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:30px 36px;display:flex}.site-brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:24px;font-weight:750;display:flex}.brand-mark{background:var(--ink);color:#fafbf8;border-radius:11px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.site-header nav a{align-items:center;gap:24px;font-size:12px;font-weight:600;display:flex}.site-header nav span{font-size:18px}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:76px 36px 102px;display:grid}.overline{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:600}.hero-copy>.overline{align-items:center;gap:9px;display:flex}.live-dot{background:#a5bb95;border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-1.8px;margin:26px 0 22px;font-size:45px;font-weight:650;line-height:1.55}.hero em{color:#7b9269;font-style:normal}.hero p{color:var(--muted);font-size:14px;line-height:2.1}.explore-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:37px;margin-top:23px;padding:15px 21px;font-size:12px;display:inline-flex}.explore-button:hover{background:#355546}.hero-art{height:330px;position:relative}.orbit{border:1px solid #dfe7da;border-radius:50%;position:absolute;inset:4%;transform:rotate(-22deg)}.orbit-two{inset:18% 7%;transform:rotate(29deg)}.orbit-three{inset:30% -3%;transform:rotate(-25deg)}.art-card{background:#e9efde;border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:114px;height:140px;display:flex;position:absolute;box-shadow:0 16px 30px #243c3408}.art-card span{font-size:43px}.art-card small{letter-spacing:4px;color:#6c8064;font-size:10px}.art-one{top:13%;left:9%;transform:rotate(-13deg)}.art-two{background:#eee6d5;top:27%;right:6%;transform:rotate(12deg)}.art-three{background:#dee9e2;bottom:0;left:31%;transform:rotate(-3deg)}.art-dot{background:#b0bf9d;border-radius:50%;width:10px;height:10px;position:absolute;top:8%;right:19%}.project-section{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:32px 36px 90px}.section-title{justify-content:space-between;align-items:flex-end;gap:16px;margin:16px 0 30px;display:flex}.section-title h2{letter-spacing:-.7px;margin:12px 0 0;font-size:25px;font-weight:600}.project-count{color:var(--muted);font-size:12px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;padding:26px;transition:transform .2s,border-color .2s;display:flex}.project-card:hover{border-color:#b5c7ad;transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-symbol{color:#6b8556;background:#e9efde;border-radius:16px;place-items:center;width:54px;height:54px;font-size:23px;display:grid}.tone-1 .card-symbol{color:#9a825c;background:#eee6d5}.tone-2 .card-symbol{color:#5b8270;background:#dee9e2}.card-arrow{color:#86998e;font-size:22px}.project-card h3{margin:26px 0 12px;font-size:19px;font-weight:600}.project-card p{color:var(--muted);overflow-wrap:anywhere;min-height:46px;margin:0 0 29px;font-size:12px;line-height:1.9}.card-link{color:#607764;border-top:1px solid #edf0eb;justify-content:space-between;margin-top:auto;padding-top:19px;font-size:11px;display:flex}.public-empty{text-align:center;background:#f4f7ef;border:1px dashed #d6e0d0;border-radius:16px;padding:53px 20px}.public-empty>span{color:#95ad80;font-size:30px}.public-empty h3{font-size:16px;font-weight:500}.public-empty p{color:var(--muted);font-size:12px}.site-footer{border-top:1px solid var(--line);align-items:center;gap:26px;max-width:1108px;margin:auto;padding:28px 0 34px;display:flex}.site-footer>span{letter-spacing:-.5px;font-size:17px;font-weight:700}.site-footer p{color:var(--muted);font-size:11px}.site-footer a{color:var(--muted);margin-left:auto;font-size:11px}.project-detail,.public-message{max-width:1000px;min-height:65vh;margin:auto;padding:60px 36px 120px}.back-link{color:var(--muted);font-size:12px}.project-detail article{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:50px;padding:50px}.detail-symbol{background:#e9efde;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:30px;font-size:32px;display:grid}.project-detail h1,.public-message h1{letter-spacing:-1px;margin:20px 0;font-size:35px}.project-detail p,.public-message p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2}.public-message{padding-top:100px}@media (max-width:760px){.site-header{padding:22px 24px}.site-brand{font-size:21px}.hero{padding:45px 24px 58px;display:block}.hero h1{letter-spacing:-1px;font-size:32px}.hero-art{max-width:360px;height:270px;margin:50px auto 0}.art-card{width:95px;height:118px}.project-section{padding:32px 24px 55px}.section-title h2{font-size:23px}.project-grid{grid-template-columns:1fr}.site-footer{flex-wrap:wrap;gap:15px;margin:0 24px}.site-footer a{margin-left:auto}.project-detail,.public-message{padding:40px 24px 70px}.project-detail article{padding:30px 24px}.project-detail h1,.public-message h1{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}}.module-preview{background:#eef4f1;border:1px solid #dce6e2;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;max-width:1108px;margin:0 auto 45px;padding:25px 30px;display:flex}.module-preview h2{margin:10px 0;font-size:22px;font-weight:600}.module-preview p{color:#77867e;margin:0;font-size:12px;line-height:1.8}.module-preview>a{white-space:nowrap;background:#fff;border:1px solid #cddcd5;border-radius:8px;align-items:center;gap:25px;padding:12px 17px;font-size:12px;display:flex}@media (max-width:760px){.module-preview{flex-wrap:wrap;margin:0 24px 35px;padding:22px}.module-preview h2{font-size:20px}}
