:root{--paper:#f7f4ec;--ink:#182522;--forest:#123f36;--green:#1b5d50;--sage:#c8d2c5;--gold:#bb8a35;--line:rgba(18,63,54,.18);--muted:#64716d}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 80% 10%,rgba(210,200,171,.27),transparent 31%),linear-gradient(rgba(18,63,54,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,54,.025) 1px,transparent 1px),var(--paper);background-size:auto,48px 48px,48px 48px}.site-head{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;letter-spacing:.2em}.mark{position:relative;width:28px;height:31px;display:block;transform:rotate(30deg)}.mark i{position:absolute;width:17px;height:17px;border:1px solid var(--gold);background:var(--forest)}.mark i:nth-child(1){left:5px}.mark i:nth-child(2){left:0;top:13px;background:#426b5e}.mark i:nth-child(3){left:11px;top:13px;background:#d7c58f}.head-note{color:var(--muted);font:11px/1.2 Georgia,serif;letter-spacing:.24em;text-transform:uppercase}main{width:min(1500px,calc(100% - 48px));margin:0 auto}.hero{padding:clamp(60px,9vh,110px) 0 clamp(46px,7vh,76px);text-align:center}.hero p{margin:0 0 20px;color:var(--gold);font:11px/1.2 Georgia,serif;letter-spacing:.3em}.hero h1{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(42px,5vw,76px);font-weight:500;letter-spacing:.08em}.hero h1 em{color:var(--forest);font-style:normal;white-space:nowrap}.hero>span{display:block;max-width:650px;margin:22px auto 0;color:var(--muted);font-size:15px;line-height:1.8}.portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:60px}.portal{position:relative;min-height:470px;overflow:hidden;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:rgba(255,255,255,.62);box-shadow:0 20px 45px rgba(39,55,50,.06);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.portal:hover,.portal:focus-visible{transform:translateY(-6px);border-color:rgba(187,138,53,.65);box-shadow:0 28px 60px rgba(39,55,50,.13);outline:none}.portal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.number{font:12px/1 Georgia,serif;color:var(--gold);letter-spacing:.12em}.enter{font-size:12px;color:var(--muted)}.enter b{display:inline-grid;width:34px;height:34px;margin-left:8px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--forest);font-size:17px;transition:background .3s,color .3s}.portal:hover .enter b{color:#fff;background:var(--forest);border-color:var(--forest)}.portal p{margin:0 0 8px;color:var(--gold);font:10px/1.2 Georgia,serif;letter-spacing:.18em}.portal h2{margin:0 0 8px;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:34px;font-weight:500;letter-spacing:.08em}.summary{color:var(--muted);font-size:14px}.portal footer{display:flex;gap:18px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.chart-art,.box-art,.route-art{position:relative;height:180px;margin:25px 0}.chart-art{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 44px,rgba(18,63,54,.06) 45px)}.chart-art i{position:absolute;bottom:0;width:8%;background:linear-gradient(to top,rgba(18,63,54,.28),rgba(18,63,54,.04))}.chart-art i:nth-child(1){left:8%;height:32%}.chart-art i:nth-child(2){left:26%;height:58%}.chart-art i:nth-child(3){left:44%;height:43%}.chart-art i:nth-child(4){left:62%;height:70%}.chart-art i:nth-child(5){left:80%;height:88%}.chart-art span{position:absolute;left:7%;right:7%;top:57%;height:2px;background:var(--forest);transform:rotate(-13deg);transform-origin:left}.chart-art span:after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border:2px solid var(--gold);border-radius:50%;background:var(--paper)}.box-art i{position:absolute;width:88px;height:68px;border:1px solid rgba(18,63,54,.22);background:#e7e5db;box-shadow:inset -16px -12px 0 rgba(18,63,54,.06),0 12px 22px rgba(18,63,54,.08)}.box-art i:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid rgba(18,63,54,.14)}.box-art i:nth-child(1){left:17%;bottom:16px;background:var(--forest)}.box-art i:nth-child(2){left:39%;bottom:16px;background:#d9c99d}.box-art i:nth-child(3){left:61%;bottom:16px;background:#aab7ab}.box-art i:nth-child(4){left:28%;bottom:86px;background:#c9d0c5}.box-art i:nth-child(5){left:50%;bottom:86px;background:#345f53}.route-art{background:radial-gradient(circle at center,rgba(18,63,54,.045),transparent 58%)}.route-art .hub,.route-art .dot{position:absolute;border-radius:50%;background:var(--forest);box-shadow:0 0 0 7px rgba(18,63,54,.08)}.route-art .hub{left:17%;top:45%;width:22px;height:22px}.route-art .dot{width:12px;height:12px;background:var(--gold)}.route-art .line{position:absolute;left:21%;height:1px;background:linear-gradient(90deg,var(--forest),var(--gold));transform-origin:left}.route-art .l1{top:49%;width:58%;transform:rotate(-28deg)}.route-art .l2{top:50%;width:63%;transform:rotate(2deg)}.route-art .l3{top:52%;width:57%;transform:rotate(31deg)}.route-art .d1{right:18%;top:19%}.route-art .d2{right:12%;top:48%}.route-art .d3{right:19%;bottom:16%}.site-foot{display:flex;justify-content:space-between;padding:22px clamp(24px,5vw,78px);border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.12em}@media(max-width:980px){.portals{grid-template-columns:1fr}.portal{min-height:420px}.portal-top{margin-bottom:35px}.box-art i:nth-child(1){left:24%}.box-art i:nth-child(2){left:39%}.box-art i:nth-child(3){left:54%}.box-art i:nth-child(4){left:31%}.box-art i:nth-child(5){left:46%}}@media(max-width:600px){main{width:min(100% - 28px,1500px)}.site-head{height:68px;padding:0 18px}.head-note{display:none}.hero{padding:56px 0 42px}.hero h1{font-size:38px;line-height:1.35}.portal{min-height:400px;padding:22px}.site-foot{flex-direction:column;gap:8px;padding:20px}}