:root{--bg-canvas: #fafafa;--bg-surface: #ffffff;--bg-subtle: #f5f3ef;--bg-muted: #ecebe5;--fg-primary: #1a1a1a;--fg-secondary: #555;--fg-muted: #999;--warm-line: #ecd6a8;--gold: #c8922e;--gold-bright: #f0b24a;--gold-deep: #8a6310;--accent-ink: #1a1a1a;--accent-red: #c0392b;--cream: #f5efe2;--char-line: #3a3022;--font-title: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--w-grid: 1120px;--w-article: 720px;--r-card: 12px;--r-button: 8px;--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 14px rgba(0,0,0,.08), 0 12px 28px rgba(0,0,0,.06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);background:var(--bg-canvas);color:var(--fg-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--w-grid);margin:0 auto;background:#fafafae6;backdrop-filter:blur(10px)}.site-header .brand{font-family:var(--font-title);font-weight:700;font-size:19px;color:var(--fg-primary)}.site-header .brand-lockup{display:flex;align-items:center;line-height:1.1}.site-header .brand-name{display:flex;align-items:baseline;gap:7px;letter-spacing:-.02em;white-space:nowrap}.site-header .brand-name b{color:var(--gold-deep);font-family:var(--font-title);font-size:19px;font-weight:700;letter-spacing:-.02em}.site-header .brand-role{color:var(--gold-deep);font-family:var(--font-title);font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap}.site-header .brand-suffix{font-family:var(--font-mono);font-size:11px;color:var(--gold-deep);margin-left:4px;letter-spacing:.05em}.site-header .nav{display:flex;align-items:center;gap:16px}.site-header .nav>a{font-size:13px;color:var(--fg-secondary);padding:7px 2px;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.site-header .nav>a:hover,.site-header .nav>a.active{color:var(--fg-primary);border-color:var(--gold)}.login-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--bg-muted);color:var(--fg-secondary);padding:8px 16px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.login-btn:hover{border-color:var(--gold);color:var(--fg-primary)}.login-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 3px #f0b24a33}.login-btn .avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.login-btn .nick{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-menu{position:absolute;top:60px;right:24px;z-index:60;background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:var(--r-button);box-shadow:var(--shadow-card);padding:6px}#user-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-family:var(--font-body);color:var(--fg-secondary)}#user-menu button:hover{background:var(--bg-subtle);color:var(--fg-primary)}.site-footer{border-top:1px solid var(--bg-muted);margin-top:64px;padding:32px 24px}.site-footer .footer-inner{max-width:var(--w-grid);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.site-footer .copy{font-size:13px;color:var(--fg-secondary)}.site-footer .legal{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.site-footer .legal span{color:var(--fg-muted)}.site-footer .legal a{font-size:12px;color:var(--fg-muted)}.site-footer .legal a:hover{color:var(--fg-secondary)}.home .hero{max-width:var(--w-grid);margin:0 auto;padding:60px 24px 30px}.home .hero .kicker{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin:0 0 18px}.home .hero h1{font-family:var(--font-title);font-weight:700;font-size:54px;line-height:1.12;letter-spacing:-.01em;margin:0 0 22px;color:var(--fg-primary)}.home .hero h1 .hl{color:var(--gold-deep)}.home .hero .lead{font-size:18px;line-height:1.65;color:var(--fg-secondary);max-width:700px;margin:0}.home .hero .lead b{color:var(--fg-primary);font-weight:600}.home .wecom{max-width:var(--w-grid);margin:30px auto 0;padding:0 24px}.home .wecom-inner{display:flex;align-items:center;gap:34px;background:linear-gradient(150deg,#241e15,#181308);border:1px solid var(--char-line);border-radius:18px;padding:34px 40px;box-shadow:0 2px 4px #3c2d1414,0 16px 40px #281e0a29;position:relative}.home .wecom .stats-bar.on-dark{position:absolute;top:24px;right:32px;width:auto;max-width:none}.home .wecom .qr{width:142px;height:142px;flex-shrink:0;background:#fff;border-radius:14px;padding:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #f0b24a40,0 8px 24px #0000004d}.home .wecom .qr img{width:100%;height:100%;object-fit:contain}.home .wecom .wt{flex:1;min-width:0}.home .wecom .wk{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);font-weight:700;margin-bottom:9px}.home .wecom h2{font-family:var(--font-title);font-size:22px;font-weight:700;color:var(--cream);margin:0 0 9px;letter-spacing:-.01em;line-height:1.25}.home .wecom p{font-size:14px;line-height:1.6;color:#f5efe2b8;margin:0 0 14px;max-width:520px}.home .wecom .subrow{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px}.home .wecom .note{color:#f5efe28c}.home .wecom .gh{color:var(--gold-bright);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid rgba(240,178,74,.28);padding-bottom:2px;font-weight:500}.home .wecom .gh:hover{border-color:var(--gold-bright)}.home .grp{max-width:var(--w-grid);margin:16px auto 0;padding:0 24px}.home .grp-inner{display:flex;align-items:center;gap:16px;background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:var(--r-card);padding:20px 26px;box-shadow:var(--shadow-card)}.home .grp-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--bg-subtle);color:var(--gold-deep);display:flex;align-items:center;justify-content:center}.home .grp-h{font-family:var(--font-title);font-weight:600;font-size:16px;margin-bottom:3px}.home .grp-h .free{font-size:11px;font-weight:500;color:var(--gold-deep);background:#c8922e1f;padding:2px 8px;border-radius:999px;margin-left:8px}.home .grp-s{font-size:13px;color:var(--fg-secondary)}.home .grp-s b{color:var(--fg-primary);font-weight:600}.home .sec-head{max-width:var(--w-grid);margin:64px auto 20px;padding:0 24px}.home .sec-head h2{font-family:var(--font-title);font-size:28px;font-weight:700;margin:0 0 6px}.home .sec-head .sh-sub{font-size:14px;color:var(--fg-muted)}.home .vals{max-width:var(--w-grid);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home .val{background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:var(--r-card);padding:28px 26px;box-shadow:var(--shadow-card)}.home .val.land{border-color:var(--gold);border-top:3px solid var(--gold)}.home .vk{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:16px}.home .val.free .vk{color:var(--gold-deep);background:#c8922e1a}.home .val.land .vk{color:#fff;background:var(--gold)}.home .val h3{font-family:var(--font-title);font-size:19px;font-weight:600;margin:0 0 10px}.home .val p{font-size:14px;line-height:1.65;color:var(--fg-secondary);margin:0 0 16px}.home .svc{border-top:1px solid var(--bg-muted);padding-top:14px;margin-bottom:16px}.home .svc-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13px}.home .svc-n{color:var(--fg-secondary)}.home .svc-p{font-family:var(--font-title);font-weight:600;color:var(--fg-primary)}.home .svc-p i{font-style:normal;font-weight:400;font-size:11px;color:var(--fg-muted);margin-left:4px}.home .more{font-size:13px;color:var(--gold-deep);font-weight:500}.home .more:hover{color:var(--gold)}.home .grid{max-width:var(--w-grid);margin:0 auto 64px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:block;background:var(--bg-surface);border-radius:var(--r-card);overflow:hidden;color:var(--fg-primary);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}.post-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.post-card .cover{aspect-ratio:16 / 3;background:var(--bg-subtle);overflow:hidden;position:relative}.post-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.post-card .body{padding:20px 24px 24px}.post-card .meta-row{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:12px}.post-card .series-badge{background:var(--bg-subtle);color:var(--fg-secondary);padding:3px 9px;border-radius:999px;font-weight:500}.post-card .ep-no{color:var(--fg-muted);font-family:var(--font-mono)}.post-card .dur{color:var(--fg-muted);margin-left:auto}.post-card .title{font-family:var(--font-title);font-size:22px;font-weight:600;line-height:1.35;margin:0 0 10px;color:var(--fg-primary)}.post-card .summary{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .date{font-size:12px;color:var(--fg-muted);font-family:var(--font-mono)}.stats-bar{display:flex;align-items:stretch;gap:18px;background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:var(--r-card);padding:22px 28px;box-shadow:var(--shadow-card)}.stats-bar .stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.stats-bar .num{font-family:var(--font-title);font-weight:700;font-size:32px;line-height:1.1;color:var(--fg-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stats-bar .label{font-size:13px;color:var(--fg-muted)}.stats-bar .divider{width:1px;align-self:center;height:40px;background:var(--bg-muted);flex-shrink:0}.stats-bar.on-dark{background:transparent;border-color:transparent;box-shadow:none;padding:0;margin:0}.stats-bar.on-dark .num{font-size:21px;color:var(--cream)}.stats-bar.on-dark .label{font-size:11.5px;color:#f5efe280}.stats-bar.on-dark .divider{height:26px;background:#f5efe229}@media (max-width: 960px){.home .vals{grid-template-columns:1fr}.home .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.home .hero{padding-top:40px}.home .hero h1{font-size:38px}.home .wecom-inner{flex-direction:column;text-align:center;align-items:center;padding:28px 20px;gap:22px}.home .wecom .stats-bar.on-dark{position:static;margin-top:8px}.home .grid{grid-template-columns:1fr}.stats-bar{padding:18px 12px}.stats-bar .num{font-size:24px}}.detail-wrap{display:grid;grid-template-columns:minmax(0,var(--w-article)) 280px;gap:56px;justify-content:center;align-items:start;max-width:calc(var(--w-article) + 280px + 56px);margin:0 auto}.article{max-width:var(--w-article);margin:0 auto;padding:32px 20px 64px}.detail-wrap>.article{margin:0}.rel-aside{position:sticky;top:96px;padding-top:56px}@media (max-width: 1080px){.detail-wrap{display:block;max-width:none}.detail-wrap>.article{margin:0 auto}.rel-aside{display:none}}.back{display:inline-block;font-size:13px;color:var(--fg-muted);margin-bottom:32px;padding:4px 0}.back:hover{color:var(--fg-secondary)}.headline{font-family:var(--font-title);font-weight:700;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin:0 0 16px}.meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--fg-muted);margin-bottom:24px}.meta .series{background:var(--bg-subtle);color:var(--fg-secondary);padding:3px 10px;border-radius:999px;font-weight:500}.preview{background:linear-gradient(120deg,#fdf6e8,#faf0dd);border:1px solid var(--warm-line);border-radius:var(--r-card);padding:24px 28px;margin:16px 0 32px}.preview-label{font-size:12px;letter-spacing:.14em;color:var(--gold-deep);font-weight:700;text-transform:uppercase;margin-bottom:12px}.preview-body{font-size:16px;line-height:1.75;color:var(--fg-secondary)}.preview-body p{margin:0 0 .8em}.preview-body p:last-child{margin-bottom:0}.preview-body strong{color:var(--accent-ink);font-weight:600}.contact-card{display:flex;align-items:center;gap:28px;background:linear-gradient(150deg,#241e15,#181308);border:1px solid #3a3022;border-radius:16px;padding:28px 32px;box-shadow:0 2px 4px #3c2d1414,0 16px 40px #281e0a29}.contact-card.compact{margin:32px 0;padding:24px 26px;gap:22px}.qr-wrap{width:116px;height:116px;flex-shrink:0;background:#fff;border-radius:12px;padding:7px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #f0b24a40,0 8px 24px #0000004d}.contact-card.compact .qr-wrap{width:100px;height:100px}.qr-wrap img{width:100%;height:100%;object-fit:contain}.cc-body{flex:1;min-width:0}.cc-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);font-weight:700;margin-bottom:9px}.cc-title{font-family:var(--font-title);font-size:22px;font-weight:700;color:var(--cream);margin:0 0 9px;letter-spacing:-.01em;line-height:1.25}.contact-card.compact .cc-title{font-size:19px}.cc-desc{font-size:14px;line-height:1.6;color:#f5efe2b8;margin:0 0 14px;max-width:520px}.cc-sub{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px}.cc-sub .cc-note{color:#f5efe28c}.cc-gh{color:var(--gold-bright);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid rgba(240,178,74,.28);padding-bottom:2px;font-weight:500}.cc-gh:hover{border-color:var(--gold-bright)}@media (max-width: 720px){.contact-card{flex-direction:column;text-align:center;align-items:center;padding:24px 20px}.cc-desc{margin-left:auto;margin-right:auto}.cc-sub{justify-content:center}}.downloads{margin:32px 0 8px;padding:20px 24px;background:var(--bg-subtle);border-radius:var(--r-card);border:1px solid var(--bg-muted);border-top:2px solid var(--gold)}.downloads-label{font-size:12px;letter-spacing:.14em;color:var(--gold-deep);font-weight:700;text-transform:uppercase;margin-bottom:14px}.downloads-list{display:flex;flex-direction:column;gap:10px}.download-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border-radius:var(--r-button);border:1px solid var(--bg-muted);transition:border-color .15s ease,background .15s ease,transform .15s ease}.download-item:hover{border-color:var(--accent-ink);background:var(--bg-canvas)}.dl-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--accent-ink);color:#fff;display:flex;align-items:center;justify-content:center}.dl-text{min-width:0;flex:1}.dl-title{font-family:var(--font-title);font-size:15px;font-weight:600;color:var(--fg-primary);line-height:1.35;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dl-kind{font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--fg-muted);background:var(--bg-canvas);border:1px solid var(--bg-muted);padding:2px 6px;border-radius:4px}.dl-size{font-size:11px;font-weight:400;color:var(--fg-muted)}.dl-desc{margin-top:4px;font-size:13px;color:var(--fg-secondary);line-height:1.5}.download-item--paid{cursor:default}.dl-icon--paid{background:#07c160}.dl-buy{flex-shrink:0;background:#07c160;color:#fff;border:0;padding:8px 18px;border-radius:var(--r-button);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:background .15s ease}.dl-buy:hover{background:#06ad56}.dl-buy:disabled{opacity:.6;cursor:wait}.dl-buy--purchased{background:var(--accent-ink)}.dl-buy--purchased:hover{background:#000}@media (max-width: 640px){.article{padding-top:16px;padding-bottom:48px}.download-item--paid{flex-wrap:wrap}.dl-buy{width:100%;text-align:center;margin-top:8px}}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 16px;flex-wrap:wrap}.tabs{display:flex;gap:4px}.tabs button{border:0;background:transparent;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;color:var(--fg-muted);font-family:var(--font-body);border:1px solid transparent}.tabs button[aria-selected=true]{background:var(--bg-surface);color:var(--fg-primary);border-color:var(--bg-muted);box-shadow:var(--shadow-card)}.copy-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-secondary);background:var(--bg-subtle);border:0;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.copy-all:hover{background:var(--bg-muted);color:var(--fg-primary)}.copy-all.copied{background:var(--accent-ink);color:#fff}.copy-all svg{width:14px;height:14px;flex-shrink:0}.prose{font-size:18px;line-height:1.8;color:var(--fg-primary)}.prose h2{font-family:var(--font-title);font-weight:600;font-size:28px;line-height:1.25;margin-top:56px;margin-bottom:20px}.prose h3{font-weight:600;font-size:20px;line-height:1.4;margin-top:32px;margin-bottom:12px}.prose p{margin:0 0 1.4em}.prose strong{color:var(--accent-ink);font-weight:600}.prose blockquote{border-left:3px solid var(--accent-ink);padding-left:24px;color:var(--fg-secondary);margin:24px 0}.prose ul,.prose ol{padding-left:24px;margin:0 0 1.4em}.prose li{margin-bottom:.5em}.prose a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-subtle);padding:2px 6px;border-radius:4px}.prose img{width:100%;height:auto;margin:30px 0 10px;border-radius:var(--r-card);box-shadow:var(--shadow-card)}.prose img+em{display:block;margin:0 0 30px;color:var(--fg-muted);font-size:13px;text-align:center}.pullquote{font-family:var(--font-title);font-size:20px;line-height:1.5;font-weight:500;color:var(--fg-primary);border-left:3px solid var(--gold);padding:8px 0 8px 20px;margin:32px 0;background:linear-gradient(90deg,rgba(200,146,46,.05),transparent)}.rel{font-family:var(--font-body)}.rel-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:12px}.rel-list{display:flex;flex-direction:column}.rel-list li{border-top:1px solid var(--bg-muted)}.rel-list li:last-child{border-bottom:1px solid var(--bg-muted)}.rel-list a{display:flex;gap:11px;align-items:flex-start;padding:12px 0}.rel-thumb{width:108px;height:61px;flex-shrink:0;border-radius:7px;object-fit:cover;background:var(--bg-subtle);border:1px solid var(--bg-muted)}.rel-text{min-width:0}.rel-ep{display:block;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);margin-bottom:3px}.rel-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-title);font-size:14px;font-weight:600;line-height:1.38;color:var(--fg-primary);transition:color .15s ease}.rel-list a:hover .rel-title{color:var(--accent-ink)}.profile-hero{position:relative}.home .profile-hero h1{max-width:820px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--r-button);font-size:14px;font-weight:600;transition:transform .15s ease,background .15s ease}.primary-link{background:var(--accent-ink);color:#fff}.primary-link:hover{background:#000;transform:translateY(-1px)}.secondary-link{background:var(--bg-surface);border:1px solid var(--bg-muted);color:var(--fg-primary)}.secondary-link:hover{border-color:var(--gold);transform:translateY(-1px)}.home-section{max-width:var(--w-grid);margin:76px auto 0;padding:0 24px}.profile-hero+.home-section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{font-family:var(--font-title);font-size:30px;line-height:1.2;margin:5px 0 0}.section-heading>a{font-size:13px;color:var(--gold-deep);white-space:nowrap}.section-heading>a:hover{color:var(--gold)}.section-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--gold-deep)}.section-intro{color:var(--fg-secondary);max-width:660px;margin:-8px 0 24px}.home-section .grid,.blog-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;margin:0;padding:0}.home-contact{max-width:var(--w-grid);margin:76px auto 0;padding:0 24px}.listing-page{max-width:var(--w-grid);margin:0 auto;padding:68px 24px 40px}.listing-header{max-width:720px;margin-bottom:36px}.listing-header h1{font-family:var(--font-title);font-size:46px;line-height:1.15;margin:10px 0 16px}.listing-header p{color:var(--fg-secondary);font-size:17px;line-height:1.7;margin:0}.pillar-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pillar-links a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--fg);font-size:13px;text-decoration:none}.pillar-links a:hover{border-color:var(--accent);color:var(--accent)}.about-page{max-width:900px}.about-content{margin:0 0 44px}.listing-recovery-link{display:inline-block;margin-top:14px;color:var(--gold-deep);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--warm-line)}.product-cover{aspect-ratio:16 / 3;position:relative;overflow:hidden;background:var(--bg-subtle)}.product-cover img{width:100%;height:100%;object-fit:cover}.product-kind{position:absolute;top:14px;left:14px;padding:4px 9px;border-radius:999px;background:#1a1a1adb;color:#fff;font:10px var(--font-mono);letter-spacing:.08em}.product-status{position:absolute;top:14px;right:14px;padding:4px 9px;border-radius:999px;color:#fff;font:10px var(--font-body);letter-spacing:.04em}.product-status.active,.lifecycle-badge.active{background:#07c160}.product-status.coming-soon,.lifecycle-badge.coming-soon{background:var(--gold-deep)}.product-status.retired,.lifecycle-badge.retired{background:var(--fg-muted)}.product-card-body{flex:1;display:flex;flex-direction:column;padding:22px 24px 24px}.product-version{color:var(--gold-deep);font:11px var(--font-mono);margin-bottom:8px}.product-card h3{font-family:var(--font-title);font-size:21px;line-height:1.35;margin:0 0 9px}.product-card p{color:var(--fg-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.product-card-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;border-top:1px solid var(--bg-muted);padding-top:16px}.product-card-foot strong{font-family:var(--font-title);font-size:22px}.product-card-foot span{color:var(--gold-deep);font-size:12px}.product-detail-page{padding:42px 20px 20px}.product-detail{max-width:900px;margin:0 auto}.product-detail-cover{aspect-ratio:16 / 3;border-radius:16px;overflow:hidden;background:var(--bg-subtle);box-shadow:var(--shadow-card)}.product-detail-cover img{width:100%;height:100%;object-fit:cover}.product-detail-header{max-width:var(--w-article);margin:34px auto 26px}.product-detail-header h1{font-family:var(--font-title);font-size:40px;line-height:1.18;margin:12px 0 14px}.product-detail-header>p{color:var(--fg-secondary);font-size:17px;line-height:1.7;margin:0 0 16px}.product-detail-badges{display:flex;align-items:center;gap:8px}.product-detail-badges>span{padding:4px 9px;border-radius:999px;background:var(--bg-subtle);color:var(--fg-secondary);font-size:11px}.product-detail-badges .lifecycle-badge{color:#fff}.product-update{color:var(--fg-muted);font-size:12px}.product-highlights{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:8px}.product-highlights li{font-size:13px;color:var(--fg-secondary);padding-left:18px;position:relative}.product-highlights li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--gold)}.product-prose{max-width:var(--w-article);margin:52px auto}.product-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 26px}.product-filters button{border:1px solid var(--bg-muted);border-radius:999px;background:var(--bg-surface);color:var(--fg-secondary);padding:7px 14px;font:13px var(--font-body);cursor:pointer}.product-filters button:hover,.product-filters button.active{border-color:var(--gold);color:var(--fg-primary);background:#fffaf0}.product-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0}.product-facts-grid>div,.product-policy>div{border:1px solid var(--bg-muted);border-radius:var(--r-card);background:var(--bg-surface);padding:22px}.product-facts-grid h2,.product-policy h2,.product-faq h2,.product-changelog h2{font-family:var(--font-title);font-size:19px;margin:0 0 12px}.product-facts-grid ul{margin:0;padding-left:18px;color:var(--fg-secondary);font-size:13px}.product-policy{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:44px 0}.product-policy p{margin:0;color:var(--fg-secondary);font-size:14px}.product-faq,.product-changelog{max-width:var(--w-article);margin:48px auto}.product-faq details{border-top:1px solid var(--bg-muted);padding:15px 0}.product-faq details:last-child{border-bottom:1px solid var(--bg-muted)}.product-faq summary{cursor:pointer;font-weight:600}.product-faq details p{color:var(--fg-secondary);margin:10px 0 0}.changelog-entry{display:grid;grid-template-columns:90px 120px 1fr;gap:14px;border-top:1px solid var(--bg-muted);padding:16px 0}.changelog-entry span{color:var(--fg-muted);font-size:12px}.changelog-entry ul{margin:0;padding-left:18px;color:var(--fg-secondary)}.purchase-panel{display:flex;justify-content:space-between;gap:34px;align-items:center;margin:34px 0;padding:28px 30px;border:1px solid var(--warm-line);border-top:3px solid var(--gold);border-radius:var(--r-card);background:linear-gradient(120deg,#fffdf8,#faf4e8);box-shadow:var(--shadow-card)}.purchase-panel.compact{align-items:flex-end;padding:24px}.purchase-meta{min-width:0}.purchase-label{color:var(--gold-deep);font:11px var(--font-mono);letter-spacing:.1em;margin-bottom:7px}.purchase-meta h2{font-family:var(--font-title);font-size:22px;margin:0 0 7px}.purchase-meta p{color:var(--fg-secondary);font-size:13px;line-height:1.55;margin:0}.purchase-facts{display:flex;gap:8px;margin-top:12px}.purchase-facts span{color:var(--fg-muted);background:var(--bg-surface);border:1px solid var(--bg-muted);border-radius:999px;padding:3px 8px;font-size:10px}.purchase-action{flex:0 0 190px;text-align:right}.purchase-price{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;margin-bottom:8px}.purchase-price small{color:var(--fg-muted);font-size:11px}.purchase-price strong{font-family:var(--font-title);font-size:30px;line-height:1}.purchase-button{width:100%;border:0;border-radius:var(--r-button);background:#07c160;color:#fff;padding:11px 15px;font:600 14px var(--font-body);cursor:pointer}.purchase-button:hover{background:#06ad56}.purchase-button:disabled{opacity:.6;cursor:wait}.purchase-button.purchased{background:var(--accent-ink)}.purchase-button.unavailable{background:var(--fg-muted);cursor:not-allowed}.purchase-note{display:block;color:var(--fg-muted);font-size:10px;line-height:1.4;margin-top:8px}.purchase-recover-link{display:inline-block;color:var(--gold-deep);font-size:11px;margin-top:8px}.purchase-receipt-link{display:block;width:100%;margin-top:8px;border:0;background:transparent;color:var(--gold-deep);font:11px var(--font-body);cursor:pointer;text-align:right}#pay-dialog .pay-backdrop{position:fixed;inset:0;z-index:99;background:#0000007a;backdrop-filter:blur(3px)}#pay-dialog .pay-dialog{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,360px);padding:28px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 24px 70px #0000003d}#pay-dialog .pay-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--fg-muted);font-size:23px;cursor:pointer}#pay-dialog .pay-close:hover{background:var(--bg-subtle)}#pay-dialog .pay-kicker{color:#07c160;font:11px var(--font-mono);letter-spacing:.12em}#pay-dialog h3{font-family:var(--font-title);font-size:20px;margin:7px 0 18px}#pay-dialog .pay-qr{width:256px;height:256px;margin:0 auto 14px;border:1px solid var(--bg-muted);border-radius:8px}#pay-dialog .pay-status{color:var(--fg-secondary);font-size:14px}#pay-dialog .pay-status.success{color:#07c160;font-weight:700}#pay-dialog p{color:var(--fg-muted);font-size:11px;margin:7px 0 0}.payment-receipt{margin-top:18px;text-align:left}.payment-receipt label{display:block;color:var(--fg-muted);font-size:10px;margin:10px 0 4px}.payment-receipt code{display:block;padding:8px 10px;border-radius:6px;background:var(--bg-subtle);color:var(--fg-primary);overflow-wrap:anywhere}.receipt-actions{display:flex;gap:8px;margin-top:14px}.receipt-actions button{flex:1;border:1px solid var(--bg-muted);border-radius:7px;background:var(--bg-surface);padding:8px;cursor:pointer}.recovery-page{padding:68px 20px}.recovery-card{max-width:620px;margin:0 auto;padding:32px;border:1px solid var(--bg-muted);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-card)}.recovery-card h1{font-family:var(--font-title);font-size:34px;margin:10px 0 12px}.recovery-card>p{color:var(--fg-secondary);margin:0 0 24px}.recovery-card form{display:grid;gap:9px}.recovery-card label{font-size:12px;font-weight:600;color:var(--fg-secondary);margin-top:8px}.recovery-card input{width:100%;border:1px solid var(--bg-muted);border-radius:var(--r-button);padding:11px 12px;font:14px var(--font-mono)}.recovery-card input:focus{outline:2px solid rgba(200,146,46,.2);border-color:var(--gold)}.recovery-card form>button{margin-top:12px;border:0;border-radius:var(--r-button);background:var(--accent-ink);color:#fff;padding:11px;font:600 14px var(--font-body);cursor:pointer}.recovery-card form>button:disabled{opacity:.6}#recovery-result{min-height:24px;margin-top:8px;font-size:13px}#recovery-result.success{color:#07883f}#recovery-result.error{color:var(--accent-red)}#recovery-result a{text-decoration:underline}.recovery-warning{margin-top:22px;padding:13px 15px;border-radius:8px;background:var(--bg-subtle);color:var(--fg-muted);font-size:12px}.article-kicker{color:var(--gold-deep);font:11px var(--font-mono);letter-spacing:.12em;margin-bottom:12px}.article-description{color:var(--fg-secondary);font-size:17px;line-height:1.7;margin:0 0 38px;padding-bottom:28px;border-bottom:1px solid var(--bg-muted)}@media (max-width: 960px){.home-section .grid,.blog-list-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.site-header{padding:13px 18px}.site-header .brand-role{display:none}.site-header .brand-name,.site-header .brand-name b{font-size:17px}.site-header .nav{gap:12px}.site-header .nav>a{font-size:12px}.profile-line{align-items:flex-start;flex-direction:column;gap:2px}.section-heading{align-items:flex-start}.home-section .grid,.blog-list-grid,.product-grid{grid-template-columns:1fr}.listing-page{padding-top:42px}.listing-header h1{font-size:36px}.product-detail-header h1{font-size:32px}.product-facts-grid,.product-policy{grid-template-columns:1fr}.changelog-entry{grid-template-columns:70px 1fr}.changelog-entry ul{grid-column:1 / -1}.purchase-panel,.purchase-panel.compact{display:block;padding:22px}.purchase-action{margin-top:22px;text-align:left}.purchase-price{justify-content:flex-start}}
