:root{--ink:#101014;--ink2:#17171c;--panel:#1d1d24;--gold:#c9a24b;--gold-lt:#e6cd91;--cream:#f7f3ec;--mist:#a8a49c;--serif:"Songti SC","SimSun",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--sans);background:var(--ink);color:var(--cream);line-height:1.7;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit}.wrap{width:min(1180px,92%);margin:0 auto}.kicker{color:var(--gold);letter-spacing:.35em;font-size:.78rem;text-transform:uppercase;margin-bottom:.6rem}.h2{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700;letter-spacing:.06em}.h2 .en{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.3em;font-weight:400;margin-top:.35rem;text-transform:uppercase}.h2 .en,.lede{color:var(--mist)}.lede{max-width:640px;margin-top:1rem}.sec{padding:5.5rem 0}.sec-head{margin-bottom:3rem}.center{text-align:center}.center .lede{margin-left:auto;margin-right:auto}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.ph{background:linear-gradient(135deg,#23232b,#2c2530 55%,#1d1d24)}#topnav{position:fixed;inset:0 0 auto;z-index:50;background:rgba(16,16,20,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,162,75,.18);transition:background .3s}#topnav.solid{background:rgba(16,16,20,.94)}.navbar{justify-content:space-between;height:72px}.brand,.navbar{display:flex;align-items:center}.brand{gap:.7rem}.brand .mark{width:40px;height:40px;border:1px solid var(--gold);display:grid;place-items:center;font-size:1.05rem;color:var(--gold)}.brand .mark,.brand b{font-family:var(--serif)}.brand b{font-size:1.12rem;letter-spacing:.12em}.brand small{display:block;font-size:.62rem;letter-spacing:.24em;color:var(--mist);text-transform:uppercase}#menu{display:flex;gap:2rem;font-size:.9rem}#menu a{padding:.4rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}#menu a.on,#menu a:hover{color:var(--gold);border-color:var(--gold)}.burger{display:none;background:none;border:1px solid rgba(201,162,75,.5);color:var(--gold);width:42px;height:42px;font-size:1.2rem;cursor:pointer}#hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,16,20,.94) 20%,rgba(16,16,20,.55) 60%,rgba(16,16,20,.85))}.hero-in{position:relative;z-index:1;padding:9rem 0 5rem}.hero-tag{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(201,162,75,.45);color:var(--gold-lt);padding:.35rem 1rem;font-size:.8rem;letter-spacing:.2em;margin-bottom:1.6rem}.hero-h{font-family:var(--serif);font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.35;letter-spacing:.04em;max-width:21em}.hero-h em{font-style:normal;color:var(--gold)}.hero-sub{color:var(--mist);margin:1.4rem 0 2.4rem;max-width:34em;font-size:1.02rem}.cta-row{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.85rem 2.2rem;font-size:.95rem;letter-spacing:.12em;cursor:pointer;border:1px solid var(--gold);transition:.25s}.btn.gold{background:var(--gold);color:var(--ink);font-weight:600}.btn.gold:hover{background:var(--gold-lt)}.btn.ghost{color:var(--gold-lt);background:transparent}.btn.ghost:hover{background:rgba(201,162,75,.14)}.hero-note{margin-top:3.2rem;color:var(--mist);font-size:.82rem;letter-spacing:.06em}#stats{background:var(--ink2);border-top:1px solid rgba(201,162,75,.15);border-bottom:1px solid rgba(201,162,75,.15)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;padding:3rem 0;text-align:center}.stat b{font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,2.8rem);color:var(--gold);font-weight:700}.stat span{display:block;color:var(--mist);font-size:.88rem;letter-spacing:.14em;margin-top:.3rem}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:3.2rem;gap:3.2rem;align-items:center}.about-copy p{color:#d8d3c8;margin-bottom:1.1rem;text-align:justify}.about-copy .lede{margin-bottom:1.6rem}.about-points{display:flex;gap:1.6rem;flex-wrap:wrap;margin:1.4rem 0 2rem;font-size:.9rem;color:var(--mist)}.about-points i{font-style:normal;color:var(--gold);margin-right:.4rem}.about-media{position:relative}.about-media .pic{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(201,162,75,.35)}.about-media img{width:100%;height:100%;object-fit:cover}.about-media:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(201,162,75,.4);z-index:-1}.about-badge{position:absolute;left:-1.2rem;bottom:1.4rem;background:var(--gold);color:var(--ink);font-family:var(--serif);padding:.8rem 1.2rem;font-size:.9rem;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,0,0,.4)}#categories{background:var(--ink2)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.6rem;gap:1.6rem}.cat{background:var(--panel);border:1px solid rgba(201,162,75,.14);overflow:hidden;transition:transform .3s,border-color .3s}.cat:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.55)}.cat .pic{aspect-ratio:16/11;overflow:hidden;position:relative}.cat img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.cat:hover img{transform:scale(1.06)}.cat-body{padding:1.3rem 1.4rem 1.5rem}.cat-body h3{font-family:var(--serif);font-size:1.15rem;letter-spacing:.05em}.cat-body h3 span{float:right;color:var(--gold);font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;line-height:2.4;text-transform:uppercase}.cat-body p{color:var(--mist);font-size:.88rem;margin-top:.55rem;min-height:3.4em}.srv-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.srv{padding:2rem 1.6rem;border:1px solid rgba(201,162,75,.18);background:linear-gradient(180deg,rgba(201,162,75,.05),transparent);text-align:center;transition:border-color .3s,transform .3s}.srv:hover{border-color:var(--gold);transform:translateY(-5px)}.srv .ico{width:60px;height:60px;margin:0 auto 1.1rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--gold)}.srv h3{font-family:var(--serif);font-size:1.08rem;letter-spacing:.06em;margin-bottom:.7rem}.srv p{color:var(--mist);font-size:.86rem;text-align:justify}#platform{background:var(--ink2)}.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.2rem;gap:2.2rem}.plat{text-align:center}.phone{width:min(240px,72%);margin:0 auto;background:#0c0c10;border:1px solid rgba(201,162,75,.5);border-radius:26px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.45);cursor:zoom-in;transition:transform .35s,border-color .35s}.phone:hover{transform:translateY(-6px);border-color:var(--gold)}.phone .scr{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/19.5;background:#fff}.phone .scr:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:56px;height:5px;border-radius:5px;background:rgba(0,0,0,.55);z-index:2}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.plat h3{font-family:var(--serif);font-size:1.12rem;letter-spacing:.06em;margin:1.4rem 0 .5rem}.plat h3 span{display:block;color:var(--gold);font-family:var(--sans);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;margin-top:.25rem}.plat p{color:var(--mist);font-size:.87rem;max-width:22em;margin:0 auto;text-align:justify}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:3rem;gap:3rem;align-items:start}.contact-grid .sec-head{margin-bottom:2rem}.contact-grid .lede{margin-bottom:1.6rem}.c-info li{display:flex;gap:1rem;padding:1.05rem 0;border-bottom:1px solid rgba(201,162,75,.14);color:#d8d3c8;font-size:.95rem}.c-info li b{color:var(--gold);font-weight:400;min-width:5.5em}.c-info small{display:block;color:var(--mist);font-size:.78rem}.license{background:var(--panel);border:1px solid rgba(201,162,75,.25);padding:1.4rem;margin-top:2rem}.license .lic-frame{background:#fff;padding:.6rem;border:1px solid rgba(201,162,75,.4);cursor:zoom-in;position:relative}.license .lic-frame img{width:100%;aspect-ratio:825/1176;object-fit:contain}#lightbox{position:fixed;inset:0;z-index:80;background:rgba(10,10,12,.92);display:none;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out}#lightbox.show{display:flex}#lightbox img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(201,162,75,.5)}#lightbox .lb-close{position:absolute;top:1.2rem;right:1.6rem;color:var(--gold);font-size:1.8rem;background:none;border:none;cursor:pointer;line-height:1}footer{background:#0b0b0e;border-top:1px solid rgba(201,162,75,.18);padding:2.6rem 0 2rem;text-align:center;color:var(--mist);font-size:.82rem}footer .fbrand{font-family:var(--serif);color:var(--cream);letter-spacing:.2em;font-size:1rem;margin-bottom:.8rem}footer .flinks{display:flex;justify-content:center;gap:1.6rem;margin-bottom:1.1rem;flex-wrap:wrap}#toTop,footer .flinks a:hover{color:var(--gold)}#toTop{position:fixed;right:1.4rem;bottom:1.6rem;width:44px;height:44px;border:1px solid var(--gold);background:rgba(16,16,20,.8);cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:40;font-size:1.1rem}#toTop.show{opacity:1;pointer-events:auto}@media (max-width:960px){.cat-grid,.srv-grid{grid-template-columns:repeat(2,1fr)}.plat-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem}.about-grid,.contact-grid{grid-template-columns:1fr}.about-media{order:-1}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){#menu{position:fixed;top:72px;right:0;left:0;background:rgba(16,16,20,.97);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .35s ease;border-bottom:1px solid rgba(201,162,75,.2)}#menu.open{max-height:420px}#menu a{padding:1rem 6%;border-bottom:1px solid rgba(255,255,255,.05)}.burger{display:block}.cat-grid,.plat-grid,.srv-grid{grid-template-columns:1fr}.plat-grid{gap:2.6rem}.phone{width:min(250px,68%)}.sec{padding:3.8rem 0}.hero-in{padding:8rem 0 3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}