:root{--ink-black:#0a0a0f;--ink-deep:#12121c;--ink-card:#161620;--gold-bright:#d4af37;--gold-soft:#c9a961;--gold-glow:rgba(212,175,55,0.15);--jade:#2d5f4f;--vermillion:#c0392b;--paper:#f5f0e6;--paper-dim:#a8a09a;--silk:rgba(245,240,230,0.06);--silk-border:rgba(212,175,55,0.2)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink-black);color:var(--paper);font-family:"Noto Sans TC","PingFang TC","Microsoft YaHei",sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 10%,rgba(45,95,79,0.08),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(212,175,55,0.06),transparent 50%),radial-gradient(circle at 50% 50%,var(--ink-deep),var(--ink-black));z-index:-2}
h1,h2,h3,h4{font-family:"Noto Serif TC","SimSun",serif;font-weight:600;letter-spacing:0.02em}
a{color:var(--gold-soft);text-decoration:none;transition:color 0.3s}
a:hover{color:var(--gold-bright)}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--ink-black)}
::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:3px}
.page{min-height:100vh;padding-top:120px}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section-title{text-align:center;font-size:2.2rem;margin-bottom:12px;color:var(--gold-bright)}
.section-sub{text-align:center;color:var(--paper-dim);font-size:1rem;margin-bottom:60px;font-style:italic}
.gold-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);margin:20px auto}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border:1px solid var(--gold-soft);color:var(--gold-bright);font-family:"Noto Serif TC",serif;font-size:1rem;letter-spacing:0.15em;cursor:pointer;background:transparent;position:relative;overflow:hidden;transition:all 0.4s;text-decoration:none}
.btn:hover{color:var(--paper);border-color:var(--gold-bright);background:rgba(212,175,55,0.1)}
.btn-primary{background:var(--gold-bright);color:var(--ink-black);border-color:var(--gold-bright)}
.btn-primary:hover{background:var(--gold-soft);color:var(--ink-black)}
.card{background:var(--silk);border:1px solid var(--silk-border);padding:32px;transition:all 0.4s;position:relative}
.card:hover{border-color:var(--gold-soft);transform:translateY(-4px);background:rgba(212,175,55,0.04)}
.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp 0.8s forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes glow{0%,100%{text-shadow:0 0 8px rgba(212,175,55,0.3)}50%{text-shadow:0 0 20px rgba(212,175,55,0.6)}}
input,select,textarea{width:100%;padding:12px 16px;background:var(--ink-black);border:1px solid var(--silk-border);color:var(--paper);font-family:inherit;font-size:1rem;outline:none;transition:border 0.3s}
input:focus,select:focus,textarea:focus{border-color:var(--gold-soft)}
input::placeholder,textarea::placeholder{color:var(--paper-dim);opacity:0.5}
select option{background:var(--ink-black);color:var(--paper)}
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all 0.4s}
nav.scrolled{background:rgba(10,10,15,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--silk-border)}
.nav-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.nav-logo{display:flex;align-items:center;gap:10px;color:var(--gold-bright);font-family:"Noto Serif TC",serif;font-size:1.3rem;font-weight:700;letter-spacing:0.15em}
.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nav-links a{font-family:"Noto Serif TC",serif;font-size:0.9rem;color:var(--paper-dim);padding:8px 4px;transition:all 0.3s;min-height:36px;display:flex;align-items:center}
.nav-links a:hover,.nav-links a.active{color:var(--gold-bright);border-bottom:2px solid var(--gold-bright)}
.lang-btn{background:var(--silk);border:1px solid var(--silk-border);color:var(--gold-bright);padding:8px 14px;font-size:0.85rem;font-weight:600;cursor:pointer;border-radius:2px;min-height:36px}
@media(max-width:768px){
.nav-inner{padding:10px 12px;flex-direction:column;align-items:flex-start}
.nav-logo{font-size:1.1rem;margin-bottom:4px}
.nav-links{gap:10px;width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav-links a{font-size:0.8rem;padding:6px 8px;white-space:nowrap}
.lang-btn{padding:6px 10px;font-size:0.8rem}
}
.grid{display:grid;gap:24px}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.text-center{text-align:center}
.mb-24{margin-bottom:24px}
.mb-40{margin-bottom:40px}
.mb-60{margin-bottom:60px}
.mt-40{margin-top:40px}
.hidden{display:none}