:root{ --ink:#0b0f14; --muted:#5b6876; --bg:#ffffff; --accent:#1d4ed8; --accent2:#06b6d4; --ring: rgba(29,78,216,.25); } *{box-sizing:border-box} html,body{height:100%} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg);line-height:1.65} a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto} .container{max-width:1080px;margin:0 auto;padding:0 20px} .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(17,24,39,.06)} .topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 16px} .topbar .buy{display:inline-flex;align-items:center;gap:10px} .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(17,24,39,.06);cursor:pointer} .btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(29,78,216,.24)} .btn:hover{transform:translateY(-1px)} .header{padding:56px 0;background:radial-gradient(1200px 700px at 80% -10%, rgba(6,182,212,.12), transparent 60%),radial-gradient(1200px 700px at -20% 120%, rgba(29,78,216,.12), transparent 60%), var(--bg)} .header h1{font-size:44px;margin:12px 0 8px} .header p{color:var(--muted);max-width:780px} .breadcrumbs ol{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 10px 0;flex-wrap:wrap} .breadcrumbs li{color:var(--muted);font-size:14px} .breadcrumbs li a{color:var(--muted)} .grid{display:grid;gap:18px} .grid.two{grid-template-columns:2fr 1fr} .card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(17,24,39,.05)} .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px} .share{display:flex;align-items:center;gap:10px;margin-top:10px} .share .ico{width:36px;height:36px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:#fff;display:inline-block} .share .ico.fb{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%231877F2%22 d=%22M22 12a10 10 0 1 0-11.5 9.9v-7h-2v-3h2v-2.3c0-2 1.2-3.1 3-3.1.9 0 1.9.2 1.9.2v2h-1.1c-1 0-1.3.6-1.3 1.2V12h2.2l-.3 3h-1.9v7A10 10 0 0 0 22 12Z"/></svg>')} .share .ico.tw{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%2200acee%22 d=%22M22 5.8c-.7.3-1.4.6-2.2.7.8-.5 1.3-1.2 1.6-2-.7.4-1.6.8-2.4 1A3.9 3.9 0 0 0 12 8.4c0 .3 0 .6.1.9-3.2-.1-6-1.7-7.8-4.1-.3.6-.4 1.2-.4 1.9 0 1.4.7 2.6 1.8 3.3-.6 0-1.2-.2-1.7-.5v.1c0 2 1.4 3.7 3.3 4.1-.3.1-.7.1-1 .1-.2 0-.5 0-.7-.1.5 1.6 2.1 2.8 3.9 2.9A7.9 7.9 0 0 1 2 18a11.1 11.1 0 0 0 6 1.8c7.3 0 11.3-6 11.3-11.3v-.5c.8-.6 1.5-1.3 2-2.2Z"/></svg>')} .share .ico.li{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%220076B2%22 d=%22M4 3C2.9 3 2 3.9 2 5v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H4Zm4.7 7.7v7H6.1v-7h2.6Zm.2-2.3c0 .8-.6 1.4-1.5 1.4h-.1c-.9 0-1.5-.6-1.5-1.4s.6-1.4 1.6-1.4c.9 0 1.5.6 1.5 1.4ZM20 17.7h-2.6v-3.7c0-.9-.3-1.6-1.1-1.6-.6 0-1.1.5-1.3 1.1 0 .1 0 .3 0 .6v3.6h-2.6v-7h2.6v1c.4-.6 1.1-1.2 2.3-1.2 1.6 0 2.2.9 2.2 2.8v4.4Z"/></svg>')} .hero{padding:30px 0} .hero .banner{border-radius:18px;overflow:hidden;border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 30px rgba(17,24,39,.06)} .list{list-style:none;padding:0;margin:0} .list li{margin:0 0 10px} .footer{border-top:1px solid rgba(17,24,39,.08);padding:24px 0;color:var(--muted);font-size:14px} .footer small a{color:var(--muted)} .notice{background:#f1f5f9;border:1px solid #e2e8f0;padding:12px 14px;border-radius:12px;color:#334155} blockquote{border-left:4px solid #e5e7eb;padding-left:12px;color:#475569} .article .title{font-size:36px;margin:0 0 8px} .article .meta{margin-bottom:12px} .sidebar .widget{margin-bottom:16px} hr{border:none;border-top:1px solid rgba(17,24,39,.08);margin:18px 0} @media (max-width: 900px){ .grid.two{grid-template-columns:1fr} .header h1{font-size:32px} }