*{margin:0;padding:0;box-sizing:border-box}
:root{
  --amber:#f7a600;
  --amber-deep:#e08a00;
  --orange:#ff7a1a;
  --gold:#ffc24b;
  --brown:#2b1c10;
  --brown-2:#43301f;
  --cream:#fdf8ef;
  --cream-2:#f7eedd;
  --ink:#3a2d20;
  --muted:#9a8a78;
  --line:#ecdfc9;
  --white:#fff;
  --shadow:0 16px 40px rgba(122,84,20,.12);
  --shadow-sm:0 6px 18px rgba(122,84,20,.08);
}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.75;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.section-head{text-align:center;max-width:700px;margin:0 auto 54px}
.section-head .kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--amber-deep);background:rgba(247,166,0,.14);padding:6px 16px;border-radius:999px;letter-spacing:.5px;margin-bottom:16px}
.section-head h2{font-size:34px;font-weight:800;color:var(--brown);line-height:1.25;margin-bottom:14px}
.section-head p{color:var(--muted);font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;cursor:pointer;border:none;transition:.22s;font-size:16px;padding:14px 30px;line-height:1}
.btn-solid{background:linear-gradient(135deg,var(--amber),var(--orange));color:#fff;box-shadow:0 10px 24px rgba(247,166,0,.32)}
.btn-solid:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(247,166,0,.42)}
.btn-ghost{background:#fff;color:var(--brown);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber-deep);transform:translateY(-3px)}
.btn-lg{padding:17px 36px;font-size:17px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(253,248,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--brown)}
.brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 4px 12px rgba(122,84,20,.18)}
.brand span b{color:var(--amber-deep)}
.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:9px 15px;border-radius:999px;font-size:15px;color:var(--ink);font-weight:600;transition:.2s}
.nav a:hover{color:var(--amber-deep);background:rgba(247,166,0,.1)}
.nav a.on{color:var(--amber-deep);background:rgba(247,166,0,.14);font-weight:700}
.nav .nav-dl{margin-left:12px}
.hero{position:relative;background:radial-gradient(900px 520px at 90% -8%,rgba(247,166,0,.22),transparent 60%),radial-gradient(700px 460px at -5% 0%,rgba(255,194,75,.18),transparent 55%),var(--cream-2);padding:78px 0 96px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.hero-flag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.hero-flag i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(247,166,0,.18)}
.hero-flag b{color:var(--amber-deep)}
.hero h1{font-size:47px;font-weight:900;color:var(--brown);line-height:1.18;margin-bottom:22px;letter-spacing:-.5px}
.hero h1 .hl{color:var(--amber-deep);position:relative}
.hero-sub{font-size:17px;color:var(--muted);margin-bottom:32px;max-width:520px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.hero-stats .s{display:flex;flex-direction:column}
.hero-stats .s b{font-size:24px;font-weight:800;color:var(--brown)}
.hero-stats .s span{font-size:13px;color:var(--muted)}
.sim-wrap{position:relative}
.sim-halo{position:absolute;inset:-34px;background:radial-gradient(closest-side,rgba(247,166,0,.3),transparent);filter:blur(22px);z-index:0}
.sim{position:relative;z-index:1;background:#2a2118;border-radius:18px;overflow:hidden;box-shadow:0 34px 76px rgba(66,42,14,.4);border:1px solid rgba(255,255,255,.09)}
.sim-bar{display:flex;align-items:center;gap:8px;padding:12px 15px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07)}
.sim-dot{width:12px;height:12px;border-radius:50%}
.sim-dot.r{background:#ff5f57}.sim-dot.y{background:#febc2e}.sim-dot.g{background:#28c840}
.sim-title{margin-left:12px;color:#e9ddc8;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}
.sim-title .live{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.22)}
.sim-screen{position:relative;background:linear-gradient(135deg,#3b6ea5,#7f5fb0);aspect-ratio:16/10}
.sim-wall{position:absolute;inset:0;background:radial-gradient(220px 160px at 82% 12%,rgba(255,214,120,.55),transparent 60%),linear-gradient(160deg,#4a86c8,#8a63c9)}
.sim-desk{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sim-icon{background:rgba(255,255,255,.14);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 8px;text-align:center}
.sim-icon .ic{width:36px;height:36px;border-radius:9px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff}
.sim-icon span{font-size:11px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.sim-icon.one .ic{background:#3b82f6}.sim-icon.two .ic{background:#f59e0b}.sim-icon.three .ic{background:#ef4444}.sim-icon.four .ic{background:#22c55e}
.sim-window{position:absolute;left:12%;top:14%;right:12%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.sim-win-bar{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#f2ece0;border-bottom:1px solid #e6dbc7}
.sim-win-bar i{width:9px;height:9px;border-radius:50%;background:#d8c9ae}
.sim-win-bar span{margin-left:6px;font-size:10px;color:#8a7a63}
.sim-win-body{padding:12px;font-size:11px;color:#5a4c3a;line-height:1.7}
.sim-win-body .row{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.sim-win-body .bar{height:6px;border-radius:4px;background:#f0e6d2}
.sim-taskbar{position:absolute;left:0;right:0;bottom:0;background:rgba(24,16,8,.9);display:flex;align-items:center;justify-content:space-between;padding:7px 10px}
.sim-taskbar .apps{display:flex;align-items:center;gap:5px}
.sim-taskbar .app{background:rgba(255,255,255,.14);color:#f5ead6;font-size:10px;padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}
.sim-taskbar .app.on{background:var(--amber);color:#fff}
.sim-taskbar .tray{display:flex;align-items:center;gap:8px;color:#e9ddc8;font-size:10px}
.sim-badge{position:absolute;top:12px;right:12px;background:rgba(30,20,8,.85);color:#ffe08a;font-size:11px;padding:5px 11px;border-radius:999px;font-weight:700;display:flex;align-items:center;gap:6px}
.sim-badge i{width:7px;height:7px;border-radius:50%;background:#3ddc84;animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.sim-tools{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.04)}
.sim-tools .grp{display:flex;gap:8px}
.sim-tools .t{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.08);color:#e9ddc8;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:.2s}
.sim-tools .t:hover{background:rgba(247,166,0,.32);color:#fff}
.sim-tools .t.active{background:var(--amber);color:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;transition:.25s;position:relative;overflow:hidden}
.feature-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--amber),var(--orange));opacity:0;transition:.25s}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.feature-card:hover::after{opacity:1}
.feature-card .ic{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:20px}
.feature-card h3{font-size:19px;font-weight:800;color:var(--brown);margin-bottom:10px}
.feature-card p{color:var(--muted);font-size:14.5px}
.c1 .ic{background:rgba(247,166,0,.14);color:var(--amber-deep)}
.c2 .ic{background:rgba(255,122,26,.14);color:var(--orange)}
.c3 .ic{background:rgba(59,130,246,.14);color:#3b82f6}
.c4 .ic{background:rgba(34,197,94,.14);color:#22c55e}
.c5 .ic{background:rgba(239,68,68,.14);color:#ef4444}
.c6 .ic{background:rgba(139,92,246,.14);color:#8b5cf6}
.more-link{text-align:center;margin-top:40px}
.qa{background:var(--cream-2)}
.qa-wrap{max-width:880px;margin:0 auto}
.qa-item{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:16px;overflow:hidden}
.qa-item.open{box-shadow:var(--shadow-sm)}
.qa-head{display:flex;align-items:center;gap:15px;padding:22px 26px;cursor:pointer;font-weight:700;font-size:17px;color:var(--brown)}
.qa-head .num{flex-shrink:0;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--amber),var(--orange));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.qa-head .arrow{margin-left:auto;color:var(--muted);transition:.25s;font-size:18px}
.qa-item.open .qa-head .arrow{transform:rotate(180deg);color:var(--amber-deep)}
.qa-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.qa-item.open .qa-body{max-height:1400px}
.qa-body-in{padding:0 26px 26px 78px;color:var(--muted);font-size:14.5px}
.qa-body-in ol{margin:10px 0 0 18px}
.qa-body-in ol li{margin-bottom:10px}
.qa-body-in .step{color:var(--amber-deep);font-weight:800}
.cta-band{background:linear-gradient(135deg,#2b1c10,#5a3a12)}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:62px 24px;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:29px;font-weight:800;margin-bottom:10px}
.cta-band p{color:#d8c9ae;font-size:15px}
.site-footer{background:#2b1c10;color:#c7b795;padding:64px 0 28px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:42px}
.foot-brand .brand{color:#fff;margin-bottom:16px}
.foot-brand p{font-size:14px;max-width:300px}
.foot-col h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:18px}
.foot-col a{display:block;color:#c7b795;font-size:14px;margin-bottom:11px;transition:.2s}
.foot-col a:hover{color:var(--gold)}
.friend-links{margin:26px 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.friend-links .fl-title{color:#ecdfc9;font-size:14px;font-weight:700;margin-bottom:12px}
#my-friend-links{font-size:13px;color:#c7b795}
#my-friend-links a{color:#c7b795;margin-right:16px;display:inline-block;margin-bottom:6px}
#my-friend-links a:hover{color:var(--gold)}
.foot-bottom{text-align:center;font-size:13px;color:#a08e6e;padding-top:24px}
.foot-bottom a{color:#c7b795;margin:0 4px}
.foot-bottom a:hover{color:var(--gold)}
.page-hero{background:radial-gradient(760px 380px at 82% -8%,rgba(247,166,0,.2),transparent 60%),var(--cream-2);padding:68px 0 58px;text-align:center}
.page-hero h1{font-size:40px;font-weight:900;color:var(--brown);margin-bottom:14px}
.page-hero p{color:var(--muted);font-size:16px;max-width:640px;margin:0 auto}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dl-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px 30px;text-align:center;transition:.25s}
.dl-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.dl-card .di{width:68px;height:68px;border-radius:18px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:31px;color:#fff}
.dl-card h3{font-size:20px;font-weight:800;color:var(--brown);margin-bottom:8px}
.dl-card .ver{font-size:13px;color:var(--muted);margin-bottom:16px}
.dl-card p{font-size:14px;color:var(--muted);margin-bottom:22px;min-height:44px}
.news-list{max-width:820px;margin:0 auto}
.news-item{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:16px;transition:.2s}
.news-item:hover{border-color:var(--amber);box-shadow:var(--shadow-sm)}
.news-date{flex-shrink:0;width:66px;text-align:center;background:var(--cream-2);border-radius:12px;padding:10px 6px}
.news-date b{display:block;font-size:22px;color:var(--amber-deep);font-weight:800}
.news-date span{font-size:12px;color:var(--muted)}
.news-item h3{font-size:17px;font-weight:700;color:var(--brown);margin-bottom:8px}
.news-item p{font-size:14px;color:var(--muted)}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-cols h2{font-size:30px;font-weight:800;color:var(--brown);margin-bottom:16px}
.about-cols p{color:var(--muted);margin-bottom:14px}
.about-cols ul{list-style:none;margin-top:10px}
.about-cols ul li{padding-left:26px;position:relative;margin-bottom:10px;color:var(--muted)}
.about-cols ul li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:3px;background:var(--amber)}
.sitemap{max-width:820px;margin:0 auto}
.sitemap .sm-group{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 30px;margin-bottom:18px}
.sitemap .sm-group h3{font-size:18px;font-weight:800;color:var(--brown);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.sitemap .sm-group h3:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--amber)}
.sitemap .sm-group a{display:inline-block;margin:5px 14px 5px 0;color:var(--ink);font-size:15px;transition:.2s}
.sitemap .sm-group a:hover{color:var(--amber-deep)}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.feature-grid,.dl-grid{grid-template-columns:1fr 1fr}.about-cols,.foot-grid{grid-template-columns:1fr}.nav{display:none}.hero h1{font-size:35px}}
@media(max-width:600px){.feature-grid,.dl-grid{grid-template-columns:1fr}.hero h1{font-size:29px}.section{padding:56px 0}}