:root{--bg:#07142d;--bg2:#0b2347;--gold:#d9ad62;--gold2:#f5d995;--cyan:#38e2ff;--text:#f7fbff;--muted:#b9c7d7;--card:rgba(255,255,255,.08);--stroke:rgba(255,255,255,.18);--shadow:0 24px 80px rgba(0,0,0,.35);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;background:radial-gradient(circle at 20% 0,#113769 0,#07142d 35%,#040918 100%);color:var(--text);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin:auto}.section{padding:92px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(4,9,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;gap:14px;align-items:center}.brand img{width:56px;height:56px;object-fit:contain}.brand b{font-size:1.35rem;color:var(--gold2);letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:.78rem}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:#dce9f6;font-weight:650}.nav-cta,.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#081328!important;border:0}.menu-toggle{display:none}.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,45,.92),rgba(7,20,45,.62)),url('assets/pdf-page-01.jpg') center/cover no-repeat;opacity:.9}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;font-weight:800;margin:0 0 12px}.hero h1,.section h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.08;margin:0 0 22px;letter-spacing:.02em}.section h2{font-size:clamp(2rem,3.5vw,3.2rem)}.lead{font-size:1.28rem;color:#e8f2ff;max-width:720px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-weight:850;box-shadow:0 12px 36px rgba(217,173,98,.18);cursor:pointer}.btn.ghost{border:1px solid var(--stroke);background:rgba(255,255,255,.08)}.badges{display:flex;gap:12px;flex-wrap:wrap}.badges span,.mini-grid span{border:1px solid rgba(217,173,98,.45);background:rgba(217,173,98,.12);border-radius:999px;padding:8px 14px;color:#ffe8b8}.hero-card{border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:var(--shadow);padding:32px;text-align:center}.hero-logo{margin:auto;max-height:470px;object-fit:contain}.glass-note{margin-top:18px;padding:18px;border-radius:18px;background:rgba(4,9,24,.62);border:1px solid var(--stroke)}.glass-note strong{display:block;color:var(--gold2);font-size:1.35rem}.glass-note span{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:1fr 1fr}.cards.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards article,.frame-card,.project,.join-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.cards h3,.project h3,.pillar-panel h3{color:var(--gold2);font-size:1.5rem;margin:0 0 8px}.section-head{text-align:center;max-width:860px;margin:0 auto 42px}.framework{background:linear-gradient(180deg,rgba(56,226,255,.06),rgba(217,173,98,.05))}.framework-grid{display:grid;grid-template-columns:1fr auto 1.25fr;gap:16px;align-items:stretch}.frame-card span{color:var(--muted);font-size:.9rem}.frame-card h3{margin:.2rem 0;color:#fff}.frame-card.new{border-color:rgba(56,226,255,.42);box-shadow:0 0 30px rgba(56,226,255,.08)}.arrow{display:grid;place-items:center;color:var(--gold2);font-size:2rem}.pillar-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.pillar-tabs button{border:1px solid var(--stroke);background:rgba(255,255,255,.08);color:var(--text);border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}.pillar-tabs button.active{background:linear-gradient(135deg,#0dbbd7,#7ff4ff);color:#051225}.pillar-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;background:rgba(255,255,255,.08);border:1px solid var(--stroke);border-radius:var(--radius);padding:28px}.pillar-panel img,.visual-card img,.project img{border-radius:18px;border:1px solid var(--stroke);box-shadow:var(--shadow);width:100%;object-fit:cover}.pillar-panel img{aspect-ratio:16/9}.pillar-panel li,.check-list li{margin:8px 0}.mini-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{padding:16px}.project img{aspect-ratio:16/10}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--card);cursor:pointer;transition:.25s transform}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{aspect-ratio:16/9;object-fit:cover}.gallery-item p{margin:0;padding:10px 12px;color:var(--muted);font-size:.92rem}.join-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;background:linear-gradient(135deg,rgba(56,226,255,.14),rgba(217,173,98,.14))}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;color:#e6f0fb;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;padding:13px 14px;font:inherit}.contact-form option{color:#111}.form-message{margin:0;color:var(--gold2)}.footer{padding:42px 0;background:#030712;border-top:1px solid var(--stroke)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer img{width:78px}.footer a,.footer span{display:block;color:var(--muted);margin-top:8px}.lightbox{width:min(1100px,94vw);border:1px solid var(--stroke);border-radius:24px;background:#07142d;color:#fff;padding:18px}.lightbox::backdrop{background:rgba(0,0,0,.78)}.lightbox img{width:100%;border-radius:14px}.lightbox .close{float:right;border:0;background:var(--gold2);border-radius:50%;width:38px;height:38px;font-size:1.5rem;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media (max-width:900px){.menu-toggle{display:block;background:transparent;border:1px solid var(--stroke);color:#fff;border-radius:10px;font-size:1.4rem;padding:6px 12px}.nav-links{position:absolute;left:4vw;right:4vw;top:78px;display:none;flex-direction:column;padding:22px;background:#07142d;border:1px solid var(--stroke);border-radius:18px}.nav-links.open{display:flex}.hero-grid,.split,.split.reverse,.pillar-panel,.join-card,.footer-grid{grid-template-columns:1fr}.cards.two,.project-grid,.gallery-grid{grid-template-columns:1fr}.framework-grid{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.section{padding:64px 0}.hero{min-height:auto;padding-top:44px}.hero-card{padding:18px}.brand small{display:none}}