*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.landing{position:relative;width:100%;max-width:520px;min-height:100svh;margin-inline:auto;padding-bottom:calc(120px + env(safe-area-inset-bottom));overflow-x:clip}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:42px;flex:none}.brand p{margin:0}.brand-name{font-size:1.375rem;line-height:1.5;font-weight:650;letter-spacing:3px}.brand .brand-english{font-size:.75rem;line-height:1.6;letter-spacing:.5px}.eyebrow{font-size:.875rem;line-height:1.5;margin:0 0 18px;letter-spacing:2px}h1{font-size:3.25rem;line-height:1.32;margin:0;font-weight:550;letter-spacing:2px}.intro{font-size:1rem;line-height:1.85;margin:22px 0 0}.section-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;line-height:1.6}.principle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.25}.principle h2{font-size:1rem;line-height:1.5;margin:0}.principle p{font-size:.875rem;line-height:1.7;margin:0}.footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.75rem;line-height:1.7}.action-bar{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:15px 24px calc(13px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.platform-button{min-height:56px;display:flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;text-decoration:none;font-size:1.0625rem;font-weight:600;letter-spacing:2px;transition:filter .18s,transform .18s}.platform-button svg{width:24px;height:24px;flex:none}.platform-button:hover{filter:brightness(1.1)}.platform-button:active{transform:translateY(1px)}.platform-button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.entry-caption{text-align:center;font-size:.75rem;letter-spacing:2px;line-height:1.6;margin:9px 0 0}.entry-status{margin:0 0 12px;text-align:center;font-size:.875rem;line-height:1.6}.entry-status[hidden]{display:none}.architecture{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){h1{font-size:2.7rem}.brand-name{font-size:1.25rem}.brand .brand-english{font-size:.75rem}.action-bar{padding-inline:18px}}@media(min-width:640px){body{padding:28px 0}.landing{border-radius:12px 12px 0 0;box-shadow:0 20px 90px #0002}}
body{background:#061310;color:#e8f2ed}.landing{background:#0b201e;border-inline:1px solid #29413b}.brand{justify-content:center;padding:26px 20px 24px;border-bottom:1px solid #29413b}.brand-mark{width:31px;height:38px;color:#a8dec5}.brand-name{font-size:1.25rem;letter-spacing:4px}.brand-english{color:#789d90}.hero{padding-top:32px}.hero-copy{text-align:center;padding:0 24px 32px}.eyebrow{font-size:.8125rem;color:#a8dec5;letter-spacing:4px;margin-bottom:16px}h1{font-family:inherit;font-size:3rem;line-height:1.3;font-weight:500;letter-spacing:5px}.gold-period{color:#a8dec5}.intro{color:#96b2a6;font-size:.9375rem;margin-top:18px;line-height:1.8}.visual-panel{position:relative;height:230px;overflow:hidden;border-block:1px solid #365447;background:#16372e}.visual-panel .architecture{object-position:50% 76%;filter:saturate(.35) brightness(.88)}.visual-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06241bec,transparent 85%),linear-gradient(90deg,#124b3230,#9affbf12);pointer-events:none}figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:#c5e7d6;font-size:.875rem;letter-spacing:1px}figcaption span:last-child{text-align:right;font-size:.75rem;line-height:1.5;letter-spacing:2px}.principles{padding:24px 20px 20px}.section-label{color:#789d90;gap:8px;margin-bottom:18px}.section-label span:first-child{color:#a8dec5}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #2d4b40}.principle{position:relative;padding:18px 8px 16px;text-align:center;background:#102b24}.principle+.principle{border-left:1px solid #2d4b40}.principle svg{color:#a8dec5;margin-bottom:12px}.principle h2{font-size:.9375rem;color:#e0f0e7;margin-bottom:7px}.principle p{font-size:.75rem;color:#83aa98;line-height:1.8}.footer{margin:0 20px;padding:0 0 10px;color:#608777;font-size:.75rem}.action-bar{background:#0b201ef5;border-top:1px solid #29483b}.platform-button{background:#b8e8cc;color:#103828;border:1px solid #b8e8cc;border-radius:0;justify-content:space-between;padding-inline:24px}.entry-caption{color:#759c88}.entry-status{color:#c5e7d6}@media(max-width:360px){h1{font-size:2.65rem}.hero-copy{padding-inline:18px}.principles{padding-inline:12px}.principle{padding-inline:4px}.visual-panel{height:204px}}