:root{--bg:#fbf6ed;--bg-strong:#f0dcc3;--surface:rgba(255,250,243,0.88);--surface-soft:rgba(255,255,255,0.55);--text:#20150e;--muted:#6d5445;--accent:#bd5a1d;--accent-strong:#7d3410;--border:rgba(85,50,29,0.16);--shadow:0 24px 60px rgba(56,33,20,0.12);--shadow-hover:0 30px 70px rgba(56,33,20,0.18)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(224,168,110,.48),transparent 30%),radial-gradient(circle at right 20%,rgba(214,113,54,.2),transparent 22%),linear-gradient(180deg,#fcf8f1,#f8efe1 44%,#f4e9d8)}body{margin:0;min-height:100vh;background:transparent;color:var(--text);font-family:Segoe UI,Noto Sans SC,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code{font-family:Consolas,SFMono-Regular,monospace;padding:0 4px;border-radius:6px;background:rgba(189,90,29,.08);color:var(--accent-strong);font-size:.92em}.portal{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px;display:grid;grid-gap:24px;gap:24px}.card,.hero{border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.hero{padding:40px 40px 36px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(189,90,29,.08),transparent 40%);pointer-events:none}.hero>*{position:relative}h1{margin:0;font-size:clamp(36px,5vw,60px);font-weight:500;line-height:1;letter-spacing:-.02em;max-width:none}.tagline{margin:12px 0 0;font-size:15px;color:var(--muted);letter-spacing:.02em}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{padding:28px 24px;aspect-ratio:1/.9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:rgba(85,50,29,.26)}.card-icon{font-size:36px;line-height:1;margin-bottom:16px;transition:transform .16s ease}.card:hover .card-icon{transform:scale(1.06)}.card h2{margin:0;font-size:20px;font-weight:700}.card-tag{margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted);opacity:.75}.card-arrow{position:absolute;top:16px;right:18px;font-size:14px;color:var(--accent)}.portal-footer{display:flex;justify-content:center;padding:8px 4px 0;font-size:13px;color:var(--muted);opacity:.6}@media (max-width:700px){.portal{width:min(100vw - 20px,1120px);padding:18px 0 28px}.card,.hero{border-radius:22px}.hero{padding:40px 24px 28px}.grid{grid-template-columns:repeat(1,1fr)}}