*{margin:0;padding:0;box-sizing:border-box}
:root{--plaud:#6366f1;--plaud-light:#eef2ff;--shengmai:#f59e0b;--shengmai-light:#fffbeb;
--bg:#f8fafc;--card:#fff;--text:#1e293b;--text2:#64748b;--border:#e2e8f0;
--success:#10b981;--danger:#ef4444;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
--shadow-lg:0 10px 30px rgba(0,0,0,.08),0 3px 10px rgba(0,0,0,.04)}
body{font-family:-apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
background:var(--bg);color:var(--text);line-height:1.7;font-size:15px}
a{color:var(--plaud);text-decoration:none}
a:hover{text-decoration:underline}

/* Nav */
.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);
backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:56px;display:flex;align-items:center}
.navbar .nav-inner{max-width:1200px;margin:0 auto;width:100%;padding:0 24px;display:flex;align-items:center;gap:32px}
.navbar .logo{font-weight:700;font-size:17px;color:var(--text);white-space:nowrap}
.navbar .logo span{color:var(--plaud)}
.navbar nav{display:flex;gap:6px;flex:1}
.navbar nav a{padding:6px 14px;border-radius:8px;font-size:14px;color:var(--text2);font-weight:500;transition:all .15s}
.navbar nav a:hover{background:var(--bg);text-decoration:none;color:var(--text)}
.navbar nav a.active{background:var(--plaud-light);color:var(--plaud)}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:32px 24px 80px}
.page-header{margin-bottom:32px}
.page-header h1{font-size:28px;font-weight:700;margin-bottom:8px}
.page-header .subtitle{color:var(--text2);font-size:16px}
.breadcrumb{font-size:13px;color:var(--text2);margin-bottom:16px}
.breadcrumb a{color:var(--text2)}
.breadcrumb a:hover{color:var(--plaud)}

/* Cards */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
padding:24px;margin-bottom:20px;border:1px solid var(--border)}
.card h2{font-size:20px;font-weight:700;margin-bottom:16px}
.card h3{font-size:16px;font-weight:600;margin-bottom:12px;margin-top:20px}
.card h3:first-child{margin-top:0}
.card p{margin-bottom:12px;color:var(--text)}

/* Grid */
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

/* Product card */
.product-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
border:1px solid var(--border);padding:24px;transition:all .2s;cursor:pointer;display:block;color:inherit}
.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none;border-color:var(--plaud)}
.product-card .pc-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:12px}
.product-card .pc-badge.plaud{background:var(--plaud-light);color:var(--plaud)}
.product-card .pc-badge.shengmai{background:var(--shengmai-light);color:var(--shengmai)}
.product-card .pc-title{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text)}
.product-card .pc-tagline{font-size:13px;color:var(--text2);margin-bottom:12px}
.product-card .pc-price{font-size:20px;font-weight:700;color:var(--text)}
.product-card .pc-price small{font-size:13px;font-weight:400;color:var(--text2)}
.product-card .pc-features{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.product-card .pc-features span{font-size:12px;padding:2px 8px;background:var(--bg);border-radius:4px;color:var(--text2)}

/* Tables */
.spec-table{width:100%;border-collapse:collapse;font-size:14px}
.spec-table th{background:var(--bg);text-align:left;padding:10px 14px;font-weight:600;
border-bottom:2px solid var(--border);white-space:nowrap}
.spec-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}
.spec-table tr:hover td{background:var(--bg)}
.spec-table .label{font-weight:600;color:var(--text2);white-space:nowrap;width:160px}
.spec-table .highlight{color:var(--plaud);font-weight:600}

/* Badges */
.badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}
.badge-plaud{background:var(--plaud-light);color:var(--plaud)}
.badge-shengmai{background:var(--shengmai-light);color:var(--shengmai)}
.badge-success{background:#d1fae5;color:#065f46}
.badge-danger{background:#fee2e2;color:#991b1b}
.badge-neutral{background:var(--bg);color:var(--text2)}

/* Stats */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.stat-item{background:var(--card);border-radius:var(--radius);padding:20px;border:1px solid var(--border);text-align:center}
.stat-item .stat-value{font-size:24px;font-weight:700;color:var(--text)}
.stat-item .stat-label{font-size:13px;color:var(--text2);margin-top:4px}

/* Timeline */
.timeline{position:relative;padding-left:24px}
.timeline::before{content:'';position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--border)}
.timeline-item{position:relative;padding-bottom:24px}
.timeline-item::before{content:'';position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;
background:var(--plaud);border:2px solid var(--card)}
.timeline-item.shengmai::before{background:var(--shengmai)}
.timeline-item .tl-date{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:2px}
.timeline-item .tl-title{font-size:15px;font-weight:600;margin-bottom:4px}
.timeline-item .tl-desc{font-size:14px;color:var(--text2)}

/* SWOT */
.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.swot-grid{grid-template-columns:1fr}}
.swot-box{padding:20px;border-radius:var(--radius);border:1px solid var(--border)}
.swot-box h4{font-size:14px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.swot-box ul{list-style:none;padding:0}
.swot-box li{font-size:13px;padding:4px 0;color:var(--text2)}
.swot-s{background:#ecfdf5;border-color:#a7f3d0}
.swot-s h4{color:#065f46}
.swot-w{background:#fef2f2;border-color:#fecaca}
.swot-w h4{color:#991b1b}
.swot-o{background:#eff6ff;border-color:#bfdbfe}
.swot-o h4{color:#1e40af}
.swot-t{background:#fffbeb;border-color:#fde68a}
.swot-t h4{color:#92400e}

/* Hero */
.hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#3730a3 100%);
border-radius:16px;padding:48px 40px;color:#fff;margin-bottom:32px}
.hero h1{font-size:32px;font-weight:700;margin-bottom:12px}
.hero p{font-size:16px;opacity:.85;margin-bottom:24px;max-width:700px}
.hero .hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.hero .hero-stat .hs-value{font-size:28px;font-weight:700}
.hero .hero-stat .hs-label{font-size:13px;opacity:.7}

/* Info banner */
.info-banner{padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:20px}
.info-banner.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.info-banner.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.info-banner.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}

/* Product hero */
.product-hero{border-radius:16px;padding:36px;margin-bottom:24px;border:1px solid var(--border)}
.product-hero.plaud{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}
.product-hero.shengmai{background:linear-gradient(135deg,#fffbeb,#fef3c7)}
.product-hero h1{font-size:26px;font-weight:700;margin-bottom:6px}
.product-hero .ph-tagline{font-size:15px;color:var(--text2);margin-bottom:16px}
.product-hero .ph-price{font-size:28px;font-weight:700}
.product-hero .ph-price small{font-size:14px;font-weight:400;color:var(--text2)}

/* Feature list */
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}
@media(max-width:700px){.feature-list{grid-template-columns:1fr}}
.feature-item{display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--bg);border-radius:8px}
.feature-item .fi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;
font-size:16px;flex-shrink:0}
.feature-item .fi-icon.plaud{background:var(--plaud-light);color:var(--plaud)}
.feature-item .fi-icon.shengmai{background:var(--shengmai-light);color:var(--shengmai)}
.feature-item .fi-text{font-size:13px}
.feature-item .fi-text strong{display:block;margin-bottom:2px}

/* Comparison highlight */
.vs-box{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin:20px 0}
@media(max-width:700px){.vs-box{grid-template-columns:1fr}}
.vs-side{padding:24px;border-radius:var(--radius) 0 0 var(--radius);background:var(--card);border:1px solid var(--border)}
.vs-side.right{border-radius:0 var(--radius) var(--radius) 0}
.vs-vs{display:flex;align-items:center;justify-content:center;padding:0 20px;font-weight:700;font-size:18px;
color:var(--text2);background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
@media(max-width:700px){.vs-vs{padding:8px;border:1px solid var(--border);border-radius:0}.vs-side,.vs-side.right{border-radius:var(--radius)}}

/* Footer */
.footer{text-align:center;padding:32px 24px;color:var(--text2);font-size:13px;border-top:1px solid var(--border);margin-top:40px}

/* Misc */
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.note{font-size:13px;color:var(--text2);padding:12px 16px;background:var(--bg);border-radius:8px;border-left:3px solid var(--plaud);margin:12px 0}
.note.shengmai{border-left-color:var(--shengmai)}
.section-title{font-size:18px;font-weight:700;margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border)}
.empty{color:var(--text2);font-style:italic;font-size:13px}