/* Laafu visual system v3 — magazine/resource-site layout (design E), 2026-11-12.
   Rollback: laafu-v2-backup.css (sales-portal pass), laafu-v1-backup.css. */
:root{
  --ink:#0B1220; --body:#3D4756; --muted:#6B7686; --bg:#FFFFFF; --soft:#F6F8FA;
  --line:#E5EAF0; --line-strong:#D3DBE5;
  --primary:#1F6FEB; --primary-hover:#1A5FD0; --primary-tint:rgba(31,111,235,.08);
  --orange:#E85D10; --orange-tint:rgba(232,93,16,.10);
  --teal:#0E7C66; --teal-tint:rgba(14,124,102,.09);
  --price:#B45309; --warn-bg:#FFF7E6; --danger:#B42318;
  --dark:#0B1220; --dark-2:#101A2E;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(11,18,32,.05);
  --shadow-md:0 10px 30px rgba(11,18,32,.08);
}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  color:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);}
h1,h2,h3{color:var(--ink);letter-spacing:-.015em;}
p{line-height:1.75;}
a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px;}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
::selection{background:rgba(31,111,235,.18);}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line);}
.site-header .inside-header{padding-top:10px;padding-bottom:10px;}
.site-logo img{height:38px;width:auto;display:block;}
.site-branding .main-title a{color:var(--ink);font-weight:700;font-size:22px;letter-spacing:-.02em;text-decoration:none;}
.main-navigation{background:transparent;}
.main-navigation .main-nav ul li a{color:#2A3442;font-weight:500;font-size:15.5px;}
.main-navigation .main-nav ul li a:hover{color:var(--primary);}
.main-navigation .main-nav ul li.current-menu-item>a{color:var(--primary);font-weight:600;}

/* ---------- Layout ---------- */
.laafu-wrap{max-width:1180px;margin:0 auto;padding:0 24px 30px;}
.laafu-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px;align-items:start;margin-top:8px;}
.laafu-sub{color:var(--muted);margin:0;font-size:15px;}
.laafu-more{font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;}
.laafu-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;}
.laafu-sec-title{font-size:22px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;}
.laafu-sec-title::before{content:"";width:4px;height:20px;border-radius:2px;background:var(--orange);flex:0 0 auto;}
.laafu-block{margin:0 0 44px;}
.laafu-empty-line{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:20px 22px;color:var(--muted);background:#FBFCFE;font-size:14.5px;margin:0;}
.laafu-empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:30px;text-align:left;color:var(--body);background:#FBFCFE;line-height:1.75;}
.laafu-arch-head{padding:38px 0 8px;}
.laafu-arch-head h1{font-size:32px;margin:0 0 8px;font-weight:750;}

/* ---------- Intro + search ---------- */
.laafu-intro{padding:40px 0 6px;}
.intro-line{font-size:19px;color:var(--ink);margin:0 0 20px;font-weight:550;letter-spacing:-.01em;}
.laafu-search{display:flex;align-items:center;gap:6px;max-width:640px;background:#fff;border:1px solid var(--line-strong);
  border-radius:999px;padding:5px;box-shadow:var(--shadow-sm);transition:box-shadow .18s,border-color .18s;}
.laafu-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(31,111,235,.12);}
.laafu-search input[type=search]{flex:1;height:46px;font-size:15.5px;border:0;padding:0 16px;background:transparent;color:var(--ink);min-width:0;}
.laafu-search input[type=search]:focus{outline:none;}
.laafu-search button{height:46px;padding:0 26px;font-size:15.5px;font-weight:600;background:var(--orange);color:#fff;
  border:0;border-radius:999px;cursor:pointer;transition:filter .15s;}
.laafu-search button:hover{filter:brightness(1.07);}
.laafu-hot{margin-top:16px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.laafu-hot a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;
  color:#39445A;font-size:13px;text-decoration:none;transition:border-color .15s,color .15s;}
.laafu-hot a:hover{border-color:var(--primary);color:var(--primary);}

/* ---------- Chips ---------- */
.chip{display:inline-block;font-size:12px;font-weight:600;border-radius:6px;padding:2.5px 8px;letter-spacing:.02em;}
.chip.c-sw{background:var(--primary-tint);color:var(--primary);}
.chip.c-ai{background:var(--orange-tint);color:var(--orange);}
.chip.c-tu{background:var(--teal-tint);color:var(--teal);}

/* ---------- Featured article ---------- */
.laafu-feature{margin:26px 0 40px;}
.feature-card{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;text-decoration:none;color:var(--body);box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s;}
.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.feature-thumb{display:block;min-height:280px;background:var(--soft);}
.feature-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.feature-thumb.ph{display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;color:#fff;}
.feature-thumb.ph.c-sw{background:linear-gradient(135deg,#2B7FFF,#1F6FEB);}
.feature-thumb.ph.c-ai{background:linear-gradient(135deg,#F59E0B,#E85D10);}
.feature-thumb.ph.c-tu{background:linear-gradient(135deg,#14B8A6,#0E7C66);}
.feature-body{display:flex;flex-direction:column;gap:12px;padding:30px 30px 26px;}
.feature-title{font-size:25px;font-weight:720;color:var(--ink);line-height:1.35;letter-spacing:-.02em;}
.feature-ex{font-size:14.5px;color:var(--muted);line-height:1.7;}
.feature-go{margin-top:auto;font-size:14.5px;font-weight:600;color:var(--primary);}

/* ---------- Article list cards ---------- */
.laafu-list{display:flex;flex-direction:column;gap:14px;}
.laafu-acard{display:grid;grid-template-columns:196px minmax(0,1fr);gap:18px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:14px;text-decoration:none;color:var(--body);transition:box-shadow .16s,border-color .16s,transform .16s;}
.laafu-acard:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px);}
.laafu-acard .thumb{display:block;border-radius:10px;overflow:hidden;background:var(--soft);aspect-ratio:16/10;}
.laafu-acard .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.laafu-acard .thumb.ph{display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;}
.laafu-acard .thumb.ph.c-sw{background:linear-gradient(135deg,#2B7FFF,#1F6FEB);}
.laafu-acard .thumb.ph.c-ai{background:linear-gradient(135deg,#F59E0B,#E85D10);}
.laafu-acard .thumb.ph.c-tu{background:linear-gradient(135deg,#14B8A6,#0E7C66);}
.acard-body{display:flex;flex-direction:column;gap:7px;min-width:0;padding:2px 0;}
.acard-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);}
.acard-title{font-size:17px;font-weight:650;color:var(--ink);line-height:1.45;letter-spacing:-.01em;}
.acard-ex{font-size:13.5px;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.laafu-pager{margin-top:26px;}
.laafu-pager .nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.laafu-pager .page-numbers{border:1px solid var(--line);border-radius:9px;padding:7px 13px;font-size:14px;text-decoration:none;color:var(--body);background:#fff;}
.laafu-pager .page-numbers.current{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;}

/* ---------- Sidebar ---------- */
.laafu-aside{display:flex;flex-direction:column;gap:18px;position:sticky;top:86px;}
.side-box{border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;background:#fff;}
.side-box h3{font-size:15.5px;margin:0 0 12px;font-weight:700;display:flex;align-items:center;gap:8px;}
.side-box h3::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--orange);}
.side-box p{font-size:13.5px;color:var(--muted);line-height:1.7;margin:0 0 10px;}
.side-more{font-size:13.5px;font-weight:600;text-decoration:none;}
.hot-list{list-style:none;counter-reset:hot;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.hot-list li{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.5;}
.hot-list li::before{counter-increment:hot;content:counter(hot);color:var(--orange);font-weight:800;font-size:15px;flex:0 0 auto;}
.hot-list a{color:var(--ink);text-decoration:none;font-weight:550;}
.hot-list a:hover{color:var(--primary);}
.hot-list time{margin-left:auto;color:var(--muted);font-size:12px;flex:0 0 auto;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;}
.tag-cloud a{display:inline-block;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 11px;
  color:#39445A;font-size:13px!important;text-decoration:none;transition:border-color .15s,color .15s;}
.tag-cloud a:hover{border-color:var(--primary);color:var(--primary);}

/* ---------- Services strip (quiet) ---------- */
.laafu-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.laafu-svc a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;background:#fff;text-decoration:none;transition:box-shadow .16s,border-color .16s;}
.laafu-svc a:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.laafu-svc b{color:var(--ink);font-size:15.5px;}
.laafu-svc span{color:var(--muted);font-size:13.5px;line-height:1.6;}

/* ---------- Article page ---------- */
.laafu-article h1{font-size:31px;line-height:1.3;margin:12px 0 10px;font-weight:750;letter-spacing:-.02em;}
.article-meta{color:var(--muted);font-size:13.5px;margin:0 0 20px;}
.article-meta a{color:var(--muted);text-decoration:none;}
.article-meta a:hover{color:var(--primary);}
.article-cover{margin:0 0 24px;}
.article-cover img{width:100%;height:auto;border-radius:16px;display:block;}
.article-lede{font-size:16.5px;color:var(--ink);line-height:1.7;margin:0 0 6px;}
.article-body{font-size:16px;line-height:1.85;color:var(--body);}
.article-body p{margin:0 0 16px;line-height:1.85;}
.article-body h2,.article-h2{font-size:21px;font-weight:700;color:var(--ink);margin:30px 0 12px;letter-spacing:-.01em;}
.article-body h3{font-size:17.5px;margin:24px 0 10px;}
.article-body ul,.article-ul{margin:0 0 16px;padding-left:22px;line-height:1.8;}
.article-body ol,.article-ol{margin:0 0 16px;padding-left:22px;line-height:1.8;}
.article-body img{max-width:100%;height:auto;border-radius:12px;}
.article-body a{font-weight:550;}
.article-tags{margin:26px 0 6px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.article-tags a{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:3px 11px;color:#39445A;text-decoration:none;font-size:13px;}
.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px;}
.article-nav a{display:flex;flex-direction:column;gap:4px;max-width:46%;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.5;}
.article-nav a span{font-size:12.5px;color:var(--muted);font-weight:500;}
.article-nav a.next{text-align:right;margin-left:auto;}
.article-nav a:hover{color:var(--primary);}
.laafu-warnbox{background:var(--warn-bg);border:1px solid #F0DDAE;border-radius:12px;padding:15px 17px;font-size:14.5px;margin:18px 0;line-height:1.7;color:var(--body);}
.laafu-faq details{border:1px solid var(--line);border-radius:12px;padding:13px 17px;margin-bottom:10px;background:#fff;}
.laafu-faq summary{font-weight:600;color:var(--ink);cursor:pointer;}
.laafu-faq p{margin:8px 0 2px;font-size:14.5px;}

/* ---------- Software info panel (inside article flow) ---------- */
.laafu-panel{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:22px;margin:26px 0;display:grid;grid-template-columns:1fr 230px;gap:24px;}
.panel-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;}
.panel-rows dt{color:var(--muted);font-size:12.5px;margin-bottom:2px;}
.panel-rows dd{margin:0;color:var(--ink);font-size:14.5px;font-weight:550;}
.panel-buy{display:flex;flex-direction:column;gap:9px;align-items:stretch;}
.panel-price{font-size:24px;color:var(--price);font-weight:750;margin:0;}
.panel-model{font-size:13px;color:var(--muted);margin:0;}
.panel-note{font-size:13.5px;color:var(--muted);line-height:1.65;margin:0;}
.panel-sha{font-size:11.5px;color:var(--muted);word-break:break-all;margin:4px 0 0;}
.laafu-btn{display:inline-block;background:var(--primary);color:#fff!important;font-weight:600;font-size:15px;
  padding:11px 20px;border-radius:10px;text-decoration:none;text-align:center;transition:background .15s;}
.laafu-btn:hover{background:var(--primary-hover);}
.laafu-btn.accent{background:var(--orange);}
.laafu-btn.accent:hover{filter:brightness(1.07);background:var(--orange);}

/* ---------- Content pages (GP default templates) ---------- */
.entry-content h2{font-size:21px;margin:28px 0 10px;}
.entry-content{line-height:1.85;}

/* ---------- Footer: deep ink ---------- */
body .footer-widgets{background:var(--dark)!important;color:#A9B7C9!important;}
body .footer-widgets .widget-title{color:#fff!important;font-size:15px;font-weight:650;letter-spacing:.01em;margin-bottom:14px;}
body .footer-widgets a{color:#A9B7C9!important;text-decoration:none;font-size:14px;line-height:2;}
body .footer-widgets a:hover{color:#fff!important;}
body .footer-widgets ul{list-style:none;margin:0;padding:0;}
body .site-info{background:var(--dark)!important;color:#7E8CA1!important;border-top:1px solid rgba(255,255,255,.09);font-size:13px;}
body .site-info a{color:#A9B7C9!important;}

/* ---------- Mobile ---------- */
@media (max-width:1024px){
  .laafu-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px;}
  .feature-card{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
  .laafu-layout{grid-template-columns:1fr;}
  .laafu-aside{position:static;}
  .feature-card{grid-template-columns:1fr;}
  .feature-thumb{min-height:200px;}
  .laafu-svc{grid-template-columns:1fr;}
  .laafu-panel{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .laafu-wrap{padding:0 16px 24px;}
  .laafu-intro{padding:28px 0 4px;}
  .intro-line{font-size:17px;}
  .laafu-acard{grid-template-columns:118px minmax(0,1fr);gap:12px;padding:11px;}
  .acard-title{font-size:15.5px;}
  .acard-ex{display:none;}
  .laafu-article h1{font-size:25px;}
  .laafu-arch-head h1{font-size:26px;}
  .feature-title{font-size:21px;}
  .feature-body{padding:20px;}
  .site-logo img{height:31px;}
  .article-nav a{max-width:48%;}
}

/* ---------- v3.1 facet filter chips ---------- */
.laafu-frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 16px;}
.frow-label{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.05em;margin-right:2px;}
.fchip{display:inline-block;border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:4px 13px;font-size:13.5px;color:var(--body);text-decoration:none;line-height:1.5;}
.fchip:hover{border-color:var(--primary);color:var(--primary);}
.fchip.on{background:var(--ink);border-color:var(--ink);color:#fff;}

/* ---------- v3.1 skill article frame ---------- */
.laafu-crumb{font-size:13.5px;color:var(--muted);margin:6px 0 10px;}
.laafu-crumb a{color:var(--muted);text-decoration:none;}
.laafu-crumb a:hover{color:var(--primary);}
.skill-foot{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:14.5px;}