:root{--ink:#142f29;--cream:#f5f1e8;--red:#b94334;--gold:#d5a44a;--line:#142f2924}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:"Noto Sans TC","PingFang HK","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hero{color:#fffaf0;background:radial-gradient(circle at 78% 45%,#27574a 0,#27574a 17%,transparent 42%),linear-gradient(132deg,#102f28 0%,#173f36 52%,#0f2823 100%);min-height:720px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(176deg,transparent 49%,var(--cream) 50%);height:100px;position:absolute;inset:auto 0 0}.nav{z-index:4;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{letter-spacing:.06em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#173f36;background:var(--gold);border-radius:50% 50% 50% 8px;place-items:center;width:40px;height:40px;font-family:serif;font-size:20px;display:grid}.brand-mark.small{width:32px;height:32px;font-size:16px}.nav-links{gap:34px;font-size:14px;display:flex}.nav-links a{opacity:.72}.nav-links a:hover{opacity:1}.hero-content{z-index:3;padding-top:112px;position:relative}.eyebrow,.section-kicker{color:#cba459;letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;max-width:680px;margin:24px 0;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(56px,7vw,92px);font-weight:700;line-height:1.03}h1 em{color:#e4bf70;font-style:normal}.hero-content>p{color:#ffffffb8;max-width:560px;margin:0 0 36px;font-size:18px;line-height:1.85}.primary-button{background:var(--red);border-radius:4px;align-items:center;gap:28px;padding:15px 18px 15px 22px;font-weight:700;display:inline-flex;box-shadow:#0000002e 0 12px 30px}.primary-button span{font-size:20px}.hero-orbit{border:1px solid #d5a44a38;border-radius:50%;width:580px;height:580px;position:absolute;top:100px;right:-140px}.orbit-two{border-color:#ffffff1a;width:380px;height:380px;top:200px;right:-40px}.verse-card{z-index:3;border-left:2px solid var(--gold);backdrop-filter:blur(8px);background:#04141147;width:270px;padding:24px 26px;font-family:"Noto Serif TC",serif;line-height:1.8;position:absolute;top:290px;right:7vw}.verse-card small{color:#d4b878;margin-top:10px;font-family:sans-serif;display:block}.apps-section{padding:88px 0 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading h2,.about h2{letter-spacing:-.03em;margin:10px 0 0;font-family:"Noto Serif TC",serif;font-size:clamp(38px,5vw,58px);line-height:1.15}.section-heading>p{color:#60706c;font-size:14px}.controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 0 24px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:3px;align-items:center;gap:8px;min-width:260px;padding:10px 14px;display:flex}.search span{color:#75817e;font-size:22px}.search input{background:transparent;border:0;outline:0;width:100%;min-width:0}.filters{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.filters button{white-space:nowrap;border:1px solid var(--line);color:#4e625d;cursor:pointer;background:transparent;border-radius:999px;padding:8px 14px;font-size:13px}.filters button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.app-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.app-card{border:1px solid var(--line);background:#fffdf8;flex-direction:column;min-height:360px;padding:26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:#142f291a 0 18px 50px}.app-card.featured{color:#fff;background:#173d34;border-color:#173d34}.card-top{justify-content:space-between;align-items:start;display:flex}.app-icon{background:#eee;border-radius:16px 16px 16px 3px;place-items:center;width:54px;height:54px;font-family:serif;font-size:22px;font-weight:800;display:grid}.amber{color:#714d12;background:#f3d99f}.red{color:#7d2119;background:#efb2a8}.blue{color:#174f72;background:#b9ddec}.green{color:#245f43;background:#bce0c8}.purple{color:#5c3d74;background:#d8c5e5}.slate{color:#40525b;background:#ccd6d9}.teal{color:#175e5c;background:#b4dfdc}.rose{color:#7d3343;background:#edc3ce}.status{letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;display:flex}.status i{background:#99a39f;border-radius:50%;width:7px;height:7px}.status.live i{background:#59b77c;box-shadow:#59b77c1f 0 0 0 4px}.status.pending i{background:#d4a34b}.card-index{color:#142f290d;font:700 88px/1 Georgia,serif;position:absolute;top:75px;right:20px}.featured .card-index{color:#ffffff0d}.category{color:#ad7433;letter-spacing:.16em;margin-top:38px;font-size:11px;font-weight:800}.featured .category{color:#e4b968}.app-card h3{margin:9px 0 10px;font-family:"Noto Serif TC",serif;font-size:25px}.app-card p{color:#64726e;margin:0 0 28px;font-size:14px;line-height:1.75}.featured p{color:#ffffffa6}.open-link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:13px;font-weight:800;display:flex}.featured .open-link{border-color:#ffffff29}.open-link span{font-size:21px;transition:transform .2s}.open-link:hover span{transform:translate(3px,-3px)}.open-link.disabled{color:#8b9491;cursor:not-allowed}.empty{text-align:center;color:#687773;border:1px dashed var(--line);padding:60px;grid-column:1/-1}.about{color:#fff7eb;background:#b44335}.about-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:90px;min-height:430px;display:grid}.section-kicker.light{color:#f0c67c}.about-copy{color:#ffffffc7;border-left:1px solid #ffffff47;padding-left:48px;line-height:1.9}footer{color:#677873;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;min-height:120px;font-size:13px;display:grid}footer .brand{color:var(--ink)}footer p{text-align:center}@media (max-width:900px){.verse-card{display:none}.hero-orbit{right:-300px}.app-grid{grid-template-columns:repeat(2,1fr)}.controls{flex-direction:column;align-items:stretch}.filters{width:100%}.about-inner{gap:40px}.hero{min-height:680px}}@media (max-width:620px){.wrap{width:min(calc(100% - 26px),1180px)}.nav-links{display:none}.hero-content{padding-top:80px}.hero{min-height:610px}.hero-content>p{font-size:16px}.apps-section{padding:65px 0 80px}.section-heading{flex-direction:column;align-items:start;gap:10px}.app-grid{grid-template-columns:1fr}.app-card{min-height:330px}.about-inner{min-height:0;padding-block:70px;display:block}.about-copy{margin-top:35px;padding-left:22px}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card,.open-link span{transition:none}}