:root{
  --bg:#F6EDE4;--bg-deep:#E8D8C8;--paper:#FFF8F2;--soft:#F0E4D6;
  --ink:#1A1612;--text:#2A241C;--muted:#5A5048;--light-muted:#7A7068;
  --orange:#E07030;--copper:#B06030;--line:rgba(26,22,18,.12);--hot-line:rgba(224,112,48,.50);
  --shadow:0 12px 28px rgba(26,22,18,.10);--radius:4px;--max:960px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
.shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--paper);color:var(--ink);padding:8px 12px;border:1px solid var(--orange)}
.skip-link:focus{top:8px}
.site-header{position:fixed;inset:0 0 auto 0;z-index:900}
.top-edge{height:20px;background:var(--ink);color:var(--bg);font-size:12px;line-height:20px}
.top-edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}
.text-button{min-height:20px;border:0;background:none;color:var(--bg);padding:0 4px;font-size:12px}
.brand-bar{height:54px;background:var(--paper);border-bottom:1px solid var(--orange)}
.brand-bar-inner{height:54px;display:flex;align-items:center;justify-content:space-between}
.brand-home{display:flex;align-items:center;min-width:44px;min-height:44px}
.brand-logo,.menu-logo,.footer-logo{height:24px;width:auto;object-fit:contain;object-position:center}
.brand-fallback,.footer-logo-fallback{font-size:16px;font-weight:800;letter-spacing:.04em;color:var(--ink)}
.brand-actions{display:flex;align-items:center;gap:8px}
.app-link,.menu-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:4px;font-size:14px;white-space:nowrap}
.app-link{background:linear-gradient(135deg,var(--ink) 0%,var(--orange) 100%);color:var(--paper)}
.menu-open{border:1px solid var(--orange);background:var(--paper);color:var(--ink)}
.quick-nav{height:46px;background:var(--paper);border-bottom:1px solid var(--line)}
.quick-nav-inner{height:46px;display:flex;align-items:center;gap:28px}
.quick-link{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--ink)}
.quick-square{width:18px;height:18px;border:1px solid var(--ink);border-radius:2px;background:transparent}
.quick-link.is-current .quick-square{background:var(--orange);border-color:var(--orange)}
.header-spacer{height:120px}
.site-main{min-height:58vh}
h1,h2,h3{margin:0;color:var(--ink);line-height:1.3}
h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}
p{margin:0 0 1em}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-weight:800}
.lead{font-size:16px;line-height:1.8;color:var(--muted)}
.section-block{padding:48px 0;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-head p{margin:0;color:var(--muted);max-width:600px}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.primary-btn,.secondary-btn{height:42px;min-width:118px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;white-space:nowrap}
.primary-btn{background:linear-gradient(135deg,var(--ink) 0%,var(--orange) 100%);color:var(--paper)}
.secondary-btn{background:var(--paper);border:1px solid var(--orange);color:var(--ink)}
a:hover,.text-button:hover,button:hover{filter:brightness(.94)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(224,112,48,.30);outline-offset:2px}
.media-slot{background:var(--paper);border:1px solid var(--line);min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.media-slot.is-empty::after{content:""}

/* 首页 */
.home-intro{padding:52px 0 44px}
.home-indexes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.home-indexes a{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--paper);border:1px solid var(--hot-line);border-radius:4px}
.home-indexes span{width:14px;height:14px;background:var(--orange);border-radius:2px}
.home-intro h1{max-width:680px;margin-bottom:10px}
.home-intro .tagline{font-size:20px;font-weight:800;color:var(--ink);margin:6px 0 14px}
.home-intro .lead{max-width:760px}
.slant-record{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:30px;align-items:center}
.slant-media{height:176px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);background:var(--paper)}
.dual-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dual-card{background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:4px;box-shadow:var(--shadow)}
.dual-card .media-slot{height:170px;margin-bottom:16px}
.scroll-sheets{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);background:var(--paper)}
.scroll-sheet{padding:24px;min-height:210px}
.scroll-sheet+.scroll-sheet{border-left:1px dashed var(--hot-line);background:var(--soft)}
.scroll-sheet .media-slot{height:158px;margin-bottom:15px}
.rack-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.rack-card{padding:24px;background:var(--paper);border-top:3px solid var(--orange);box-shadow:var(--shadow)}
.rack-card .media-slot{height:160px;margin:0 0 16px}
.decades{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.decade-item{padding:20px;background:var(--paper);border-left:3px solid var(--orange)}
.history-steps{display:flex;gap:12px;flex-wrap:wrap}
.history-step{flex:1 1 180px;background:var(--paper);border:1px solid var(--line);padding:18px}
.history-step strong{display:block;color:var(--orange);font-size:13px;margin-bottom:6px}
.app-split{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:30px;align-items:center}
.app-visual{height:320px;background:var(--paper)}
.app-copy-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.app-icon-slot{width:48px;height:48px;min-height:48px;border-radius:4px;flex:0 0 48px}
.home-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-point{padding:18px;background:var(--paper);border:1px solid var(--line)}
.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-six details{background:var(--paper);border:1px solid var(--line);padding:15px}
.faq-six summary{font-weight:700;color:var(--ink);cursor:pointer}
.brand-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;background:var(--ink);color:var(--bg);padding:26px;border-radius:4px}
.brand-note h2{color:var(--paper)}
.brand-note p{color:var(--bg)}

/* 通用内页头 */
.page-hero{padding:46px 0 28px}
.page-hero h1{margin:6px 0 12px}.page-hero p{max-width:780px;color:var(--muted)}
.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.content-grid{display:grid;gap:16px}
.note-card{background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:4px}
.note-card h2,.note-card h3{margin-bottom:8px}
.note-card p:last-child{margin-bottom:0}

/* pianji 双卡 */
.pianji-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:50px}
.pianji-layout article{background:var(--paper);padding:24px;border-top:3px solid var(--orange);box-shadow:var(--shadow)}
.pianji-layout article:nth-child(2n){transform:translateY(20px);background:var(--soft)}
.pianji-layout .wide-note{grid-column:1/-1;transform:none;background:var(--paper)}
.pianji-layout .media-slot{height:190px;margin-bottom:16px}

/* pianmian 斜录 */
.pianmian-run{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;padding-bottom:50px}
.pianmian-rail{position:sticky;top:136px;background:var(--ink);color:var(--bg);padding:18px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.pianmian-rail .media-slot{height:176px;margin-bottom:14px;background:var(--paper)}
.pianmian-rail h2{color:var(--paper)}
.pianmian-flow{display:grid;gap:14px}
.pianmian-flow article{background:var(--paper);padding:22px;border-left:4px solid var(--orange)}

/* pianbu 卷页 */
.pianbu-pages{padding-bottom:50px}
.pianbu-sheet{display:grid;grid-template-columns:180px 1fr;margin-bottom:16px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.pianbu-sheet:nth-child(even){grid-template-columns:1fr 180px}
.pianbu-sheet:nth-child(even) .sheet-mark{order:2;border-right:0;border-left:1px dashed var(--hot-line)}
.sheet-mark{padding:20px;background:var(--soft);border-right:1px dashed var(--hot-line);display:flex;flex-direction:column;justify-content:space-between}
.sheet-body{padding:24px}
.pianbu-sheet .media-slot{height:150px;margin-top:14px}

/* pianci 单列 */
.pianci-column{max-width:760px;margin:0 auto;padding-bottom:50px}
.pianci-column .media-slot{height:220px;margin-bottom:18px}
.pianci-step{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.step-no{width:46px;height:46px;display:grid;place-items:center;background:var(--orange);color:var(--paper);font-weight:800;border-radius:2px}

/* xunpian */
.xun-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding-bottom:50px}
.xun-card{background:var(--paper);border:1px solid var(--line);padding:22px;min-height:260px}
.xun-card:nth-child(2){margin-top:26px;background:var(--soft)}
.xun-card:nth-child(3){margin-top:52px}
.xun-layout .media-slot{grid-column:1/-1;height:190px}

/* pianli 状态 */
.status-list{display:grid;gap:12px;padding-bottom:50px}
.status-row{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px;background:var(--paper);border-left:6px solid var(--orange)}
.status-row .status{font-weight:800;color:var(--ink)}
.status-row .status::before{content:"";display:inline-block;width:10px;height:10px;background:var(--orange);margin-right:8px;border-radius:50%}
.pianli-media{height:180px;margin:0 0 18px}

/* pianbei 清单 */
.memo-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:50px}
.memo-card{background:var(--paper);padding:22px;border:1px solid var(--line)}
.memo-card::before{content:"✓";display:block;width:30px;height:30px;line-height:30px;text-align:center;background:var(--orange);color:var(--paper);margin-bottom:12px;border-radius:3px;font-weight:800}
.memo-board .media-slot{grid-column:1/-1;height:200px}

/* kanpian 方法 */
.method-chain{padding-bottom:50px}
.method-item{display:grid;grid-template-columns:170px 1fr;border-top:1px solid var(--line);padding:24px 0;gap:24px}
.method-item h2{color:var(--copper)}

/* pianzhuan 专题列表 */
.topic-list{padding-bottom:50px}
.topic-row{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;padding:20px;border-bottom:1px solid var(--line);background:var(--paper)}
.topic-row:nth-child(even){background:var(--soft)}
.topic-row .topic-no{font-size:12px;color:var(--copper);font-weight:800;letter-spacing:.12em}
.topic-row a{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--orange);border-radius:4px}

/* pianjia */
.center-cards{max-width:780px;margin:0 auto;padding-bottom:50px;display:grid;gap:16px}
.center-card{text-align:center;background:var(--paper);padding:28px 34px;border:1px solid var(--line);box-shadow:var(--shadow)}
.center-card:nth-child(2){margin-inline:50px;background:var(--soft)}
.center-cards .media-slot{height:190px}

/* app */
.app-page-split{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start;padding-bottom:50px}
.app-phone{height:320px;position:sticky;top:136px}
.app-sections{display:grid;gap:14px}
.app-section{background:var(--paper);padding:22px;border-left:4px solid var(--orange)}

/* anzhuang */
.install-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:20px}
.install-stage{background:var(--paper);padding:20px;border-top:4px solid var(--orange)}
.install-notes{columns:2;column-gap:18px;padding-bottom:50px}
.install-notes article{break-inside:avoid;background:var(--soft);padding:20px;margin-bottom:18px}

/* 条款三页 */
.policy-stack{padding-bottom:50px;display:grid;gap:16px}
.policy-stack article{background:var(--paper);padding:22px 24px;border-left:3px solid var(--orange)}
.policy-stack article:nth-child(3n){background:var(--soft)}
.policy-stack h2{margin-bottom:8px}
.policy-mark{font-size:12px;color:var(--copper);font-weight:800;letter-spacing:.12em}

/* help */
.help-map{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:50px}
.help-map article{padding:22px;background:var(--paper);border:1px solid var(--line)}
.help-map article:nth-child(3n){grid-column:1/-1;background:var(--soft)}
.help-map a{color:var(--copper);font-weight:700}

/* faq */
.faq-list{max-width:820px;margin:0 auto;padding-bottom:50px}
.faq-item{background:var(--paper);border:1px solid var(--line);margin-bottom:12px;padding:20px}
.faq-item h2{font-size:16px;margin-bottom:8px}
.faq-item p{margin:0}

/* contact */
.contact-route{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:22px}
.contact-route article{padding:24px;background:var(--paper);border-top:3px solid var(--orange)}
.contact-route article:nth-child(even){background:var(--soft)}
.contact-process{padding-bottom:50px}
.contact-process li{margin-bottom:10px}

/* about */
.about-banner{height:200px;margin-bottom:24px}
.about-statement{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding-bottom:22px}
.about-statement .brand-block{background:var(--ink);color:var(--bg);padding:24px}
.about-statement .brand-block h2{color:var(--paper)}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:50px}
.about-values article{background:var(--paper);padding:20px;border:1px solid var(--line)}

/* 页脚 */
.site-footer{background:var(--ink);color:var(--bg);border-top:1px solid var(--orange);font-size:13px;padding:34px 0 calc(34px + env(safe-area-inset-bottom))}
.footer-inner{display:grid;grid-template-columns:1.2fr 1.8fr;gap:34px}
.footer-brand p{max-width:420px;color:var(--bg)}
.footer-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-brand-row strong{font-size:16px;color:var(--paper)}
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.footer-group h2{font-size:13px;color:var(--orange);margin-bottom:8px}
.footer-group a{display:block;color:var(--bg);padding:3px 0}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,248,242,.18);padding-top:14px;color:rgba(255,248,242,.75)}

/* 黑幕与搜索 */
.ui-overlay{position:fixed;inset:0;background:rgba(26,22,18,.48);z-index:950;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.ui-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}
.ui-locked{overflow:hidden}
.menu-card{position:fixed;z-index:980;top:34px;left:50%;transform:translate(-50%,-18px);width:320px;max-height:360px;background:var(--paper);border:1px solid var(--hot-line);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;border-radius:4px;overflow:auto}
.menu-card.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.menu-head{position:sticky;top:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);z-index:2}
.menu-identity{display:flex;align-items:center;gap:8px}.menu-close,.search-close{min-height:44px;border:1px solid var(--orange);background:var(--paper);color:var(--ink);padding:0 12px;border-radius:4px}
.menu-body{padding:8px 12px 14px}.menu-group{padding:8px 0;border-bottom:1px solid var(--line)}.menu-group:last-child{border-bottom:0}
.menu-group h2{font-size:13px;color:var(--copper);margin-bottom:5px}.menu-group a{display:block;padding:7px 4px}.menu-group strong{display:block;font-size:14px}.menu-group span{display:block;font-size:12px;color:var(--muted);line-height:1.5}
.search-panel{position:fixed;z-index:970;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--orange);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:.18s ease}
.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.search-inner{padding:20px 0 22px}.search-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.search-title-row strong{font-size:18px;color:var(--ink)}.search-title-row p{color:var(--muted);margin:2px 0}
.search-field{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;margin-top:14px}.search-field span{font-weight:700;color:var(--ink)}.search-field input{height:44px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 12px;border-radius:4px;width:100%}
.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--soft);border:1px solid var(--line);border-radius:4px}.search-empty{margin:12px 0 0;color:var(--muted)}
.mobile-bottom{display:none}

@media (max-width:760px){
  .shell{width:min(calc(100% - 32px),var(--max))}
  .quick-nav{display:none}.header-spacer{height:74px}
  .brand-actions{gap:4px}.app-link,.menu-open{padding:0 10px}
  .section-block{padding:38px 0}.home-intro{padding:38px 0 34px}
  .section-head{display:block}.section-head p{margin-top:8px}
  .slant-record,.app-split,.pianmian-run,.app-page-split,.about-statement{grid-template-columns:1fr}
  .slant-media{width:100%;max-width:300px}
  .dual-cards,.rack-cards,.faq-six,.home-points,.memo-board,.help-map,.contact-route{grid-template-columns:1fr}
  .scroll-sheets{grid-template-columns:1fr}.scroll-sheet+.scroll-sheet{border-left:0;border-top:1px dashed var(--hot-line)}
  .decades,.xun-layout,.about-values{grid-template-columns:1fr}.xun-card:nth-child(2),.xun-card:nth-child(3){margin-top:0}
  .brand-note{grid-template-columns:1fr}
  .pianji-layout{grid-template-columns:1fr}.pianji-layout article:nth-child(2n){transform:none}.pianji-layout .wide-note{grid-column:auto}
  .pianmian-rail,.app-phone{position:static}.pianmian-rail{clip-path:none}
  .pianbu-sheet,.pianbu-sheet:nth-child(even){grid-template-columns:1fr}.pianbu-sheet:nth-child(even) .sheet-mark{order:0;border-left:0;border-bottom:1px dashed var(--hot-line)}.sheet-mark{border-right:0;border-bottom:1px dashed var(--hot-line)}
  .status-row,.method-item{grid-template-columns:1fr}.pianci-step{grid-template-columns:46px 1fr}
  .memo-board .media-slot{grid-column:auto}
  .topic-row{grid-template-columns:1fr}.topic-row a{justify-self:start}
  .center-card:nth-child(2){margin-inline:0}
  .install-track{grid-template-columns:1fr 1fr}.install-notes{columns:1}
  .help-map article:nth-child(3n){grid-column:auto}
  .footer-inner{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{grid-column:auto}
  .menu-card{width:88%;top:28px;max-height:360px}
  .search-panel{top:0;bottom:0;background:var(--ink);color:var(--paper);border:0;overflow:auto}.search-inner{padding:28px 16px}.search-title-row strong{color:var(--paper)}.search-title-row p{color:var(--bg)}.search-close{background:var(--ink);color:var(--paper)}.search-field span{color:var(--paper)}.search-field input{background:var(--paper);color:var(--ink)}.search-presets a{background:rgba(255,248,242,.1);color:var(--paper);border-color:rgba(255,248,242,.24)}.search-empty{color:var(--bg)}
  .mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:920;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--line)}
  .mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.mobile-bottom a.is-current{background:var(--orange);color:var(--ink);font-weight:800}
  .site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media (max-width:460px){
  h1{font-size:24px}h2{font-size:20px}.home-intro .tagline{font-size:18px}
  .install-track{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
  .brand-actions{font-size:13px}
}

.home-decades{margin-top:14px}
.centered-actions{justify-content:center}