:root{
  --bg:#F4F1F8;--deep:#E4DEEC;--paper:#FBF8FF;--sub:#EEE8F4;--ink:#161418;--text:#2A242C;
  --muted:#5A5460;--soft:#7A7480;--sky:#4A8AB8;--rose:#C46A8A;--green:#6A9A48;--gold:#C4A04A;--violet:#6A4A9A;
  --line:rgba(22,20,24,.12);--shadow:0 12px 28px rgba(22,20,24,.08);--radius:12px;--max:960px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:116px}body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.site-top{position:fixed;inset:0 0 auto;z-index:80}.eyebrow{height:18px;background:var(--ink);color:var(--gold);font-size:12px;line-height:18px}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;height:18px}.text-action{border:0;background:transparent;color:var(--gold);padding:0 4px;min-height:18px;cursor:pointer}.brandbar{height:54px;background:var(--paper);border-bottom:1px solid rgba(106,74,154,.25)}.brandbar-row{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-home{min-width:64px;min-height:44px;display:flex;align-items:center}.brand-home img{height:24px;width:auto;object-fit:contain}.brand-fallback{font-weight:800;font-size:16px;color:var(--ink)}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.bag-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;font-size:14px;white-space:nowrap}.app-link{border:1px solid var(--violet);background:var(--paper);color:var(--ink)}.bag-button{border:1px solid var(--violet);background:linear-gradient(135deg,var(--sky) 0%,var(--rose) 48%,var(--violet) 100%);color:var(--paper);cursor:pointer;box-shadow:0 6px 16px rgba(106,74,154,.18);transition:180ms}.pinbar{height:44px;background:var(--paper);border-bottom:1px solid var(--line)}.pinbar-row{height:44px;display:flex;align-items:center;gap:10px}.pin-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;font-size:13px}.pin-dot{width:18px;height:18px;border:2px solid var(--sky);border-radius:50%;background:var(--paper);display:inline-block}.pin-link.is-current{box-shadow:0 6px 16px rgba(106,74,154,.18)}.pin-link.is-current .pin-dot{background:var(--violet);border-color:var(--gold);box-shadow:0 6px 16px rgba(106,74,154,.18)}
.app-link,.bag-button,.primary-link,.secondary-link,.pin-link.is-current,.mobile-dock a.is-current{transition:filter 180ms,box-shadow 180ms,transform 180ms}.app-link:hover,.bag-button:hover,.primary-link:hover,.secondary-link:hover,.pin-link.is-current:hover,.mobile-dock a.is-current:hover{filter:brightness(1.04);box-shadow:0 0 0 3px rgba(196,106,138,.28),0 10px 24px rgba(74,138,184,.28)}.app-link:active,.bag-button:active,.primary-link:active,.secondary-link:active,.pin-link.is-current:active,.mobile-dock a.is-current:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(196,160,74,.40),0 0 22px rgba(106,74,154,.45)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.site-main{min-height:65vh}.page-shell{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:28px 0 72px}.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 14px}.breadcrumbs a{color:var(--violet)}h1,h2,h3{color:var(--ink);margin:0 0 12px}h1{font-size:24px;line-height:1.3}h2{font-size:20px;line-height:1.4}h3{font-size:16px;line-height:1.5}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:760px}.kicker{font-size:12px;letter-spacing:.08em;color:var(--violet);font-weight:800;text-transform:uppercase}.primary-link,.secondary-link{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:14px;white-space:nowrap}.primary-link{color:var(--paper);background:linear-gradient(135deg,var(--sky) 0%,var(--rose) 48%,var(--violet) 100%);box-shadow:0 6px 16px rgba(106,74,154,.18)}.secondary-link{background:var(--paper);border:1px solid var(--violet);color:var(--ink)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.soft-panel{background:var(--sub);border:1px solid var(--line);border-radius:var(--radius)}.media-slot{background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-160{height:160px}.media-168{height:168px}.media-176{height:176px}.media-round{width:240px;height:176px;border-radius:88px;margin-inline:auto}.media-app{width:240px;height:320px;margin-inline:auto}.media-banner{width:100%;height:200px}.media-icon{width:48px;height:48px}.section-space{margin-top:30px}.accent-sky{border-top:4px solid var(--sky)}.accent-rose{border-top:4px solid var(--rose)}.accent-green{border-top:4px solid var(--green)}.accent-gold{border-top:4px solid var(--gold)}.accent-violet{border-top:4px solid var(--violet)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;background:var(--sub);border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--muted)}
/* 首页 */
.home-intro{padding:30px 0 6px}.home-index{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.home-index a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}.mirror-cut{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:center;padding:24px;background:linear-gradient(145deg,var(--deep),var(--paper));border-radius:28px}.dual-color{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.dual-color article{padding:20px}.pin-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pin-page{padding:18px;position:relative}.pin-page:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--rose);position:absolute;top:16px;right:16px;box-shadow:0 0 0 4px rgba(196,106,138,.16)}.single-feature{display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:center;padding:22px}.ten-day{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.phase-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.phase-list div{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.status-flow{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center}.status-items{display:grid;gap:10px}.status-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.topic-lines{display:grid;gap:10px}.topic-lines article{padding:16px 18px;border-left:4px solid var(--sky);background:var(--paper);border-radius:0 12px 12px 0}.topic-lines article:nth-child(2){border-left-color:var(--rose)}.topic-lines article:nth-child(3){border-left-color:var(--green)}.wrap-pin{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}.wrap-pin-media{display:grid;gap:12px;justify-items:center}.method-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-points article{padding:18px}.faq-six{display:grid;gap:10px}.faq-six details{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.faq-six summary{cursor:pointer;font-weight:700;color:var(--ink)}
/* 独立内页版式 */
.layout-double-color .hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:end}.layout-double-color .color-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.layout-double-color .color-notes article{padding:18px}.layout-double-color .color-notes article:nth-child(1){background:#E9F2F8}.layout-double-color .color-notes article:nth-child(2){background:#F6EAF0}.layout-pin-cut .cut-hero{text-align:center;max-width:760px;margin-inline:auto}.layout-pin-cut .cut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:26px}.layout-pin-cut .cut-grid article{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.layout-pin-cut .cut-grid article:nth-child(odd){transform:translateY(12px)}.layout-pin-page .page-stack{display:grid;gap:14px}.layout-pin-page .page-sheet{padding:20px 20px 20px 26px;position:relative}.layout-pin-page .page-sheet:before{content:"";position:absolute;left:8px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px rgba(196,160,74,.35)}.layout-session .session-map{display:grid;grid-template-columns:220px 1fr;gap:22px}.layout-session .session-steps{display:grid;gap:12px}.layout-session .session-steps article{padding:16px;border-bottom:1px solid var(--line)}.layout-ten-day .ten-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout-ten-day .ten-columns article{padding:20px}.layout-status .status-board{display:grid;gap:12px}.layout-status .status-row{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.layout-memo .memo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.layout-memo .memo-card{padding:18px;min-height:190px}.layout-method .method-track{display:grid;grid-template-columns:170px 1fr;gap:18px}.layout-method .method-menu{display:grid;gap:8px;align-self:start}.layout-method .method-menu span{padding:10px 12px;background:var(--paper);border-radius:10px;border:1px solid var(--line);color:var(--muted)}.layout-method .method-copy section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.layout-topics .topic-directory{display:grid;gap:16px}.layout-topics .topic-entry{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:18px}.layout-center-card .center-card{max-width:700px;margin:0 auto;padding:28px;text-align:center}.layout-center-card .center-card .media-slot{margin:20px auto}.layout-wrap-pin .app-wrap{display:grid;grid-template-columns:1fr 260px;gap:26px;align-items:start}.layout-wrap-pin .app-points{display:grid;gap:12px}.layout-wrap-pin .app-points article{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.layout-steps .step-list{counter-reset:step;display:grid;gap:14px}.layout-steps .step-item{padding:18px 18px 18px 72px;position:relative}.layout-steps .step-item:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:var(--paper);font-weight:800}.layout-terms .terms{display:grid;gap:18px}.layout-terms .terms section{padding:18px 20px;background:var(--paper);border-left:4px solid var(--gold);border-radius:0 12px 12px 0}.layout-help .help-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.layout-help .help-map article{padding:18px}.layout-faq .faq-list{display:grid;gap:12px}.layout-faq details{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.layout-faq summary{font-weight:800;color:var(--ink);cursor:pointer}.layout-faq details p{margin-top:10px}.layout-contact .contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.layout-contact .contact-paths article{padding:20px}.layout-about .brand-statement{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center}.layout-about .about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout-about .about-principles article{padding:18px}
.pad-20{padding:20px}.pad-22{padding:22px}.pad-24{padding:24px}.text-paper{color:var(--paper)!important}.margin-auto{margin-inline:auto}.justify-center{justify-content:center}.text-left{text-align:left}
.notice{padding:14px 16px;border:1px solid rgba(196,160,74,.45);background:#FFF8DF;border-radius:12px;color:#54451E}.quote-note{padding:18px 20px;background:var(--ink);color:var(--paper);border-radius:12px}.quote-note strong{color:var(--gold)}.mini-list{margin:0;padding-left:20px}.mini-list li{margin-bottom:7px}.divider{height:1px;background:var(--line);margin:28px 0}
.overlay{position:fixed;inset:0;background:rgba(22,20,24,.44);z-index:110;opacity:0;pointer-events:none;transition:opacity 180ms}.overlay.is-visible{opacity:1;pointer-events:auto}.search-panel{position:fixed;z-index:130;top:72px;left:50%;transform:translate(-50%,-12px);width:min(calc(100% - 32px),960px);background:var(--paper);border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:180ms}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-inner{max-width:760px;margin:auto}.search-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close-button{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.search-panel label{display:block;color:var(--muted);margin-bottom:8px}.search-panel input{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px;color:var(--ink)}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{min-height:40px;padding:7px 12px;border-radius:999px;background:var(--sub);border:1px solid var(--line)}.search-empty{margin-top:12px;color:var(--muted)}.site-bag{position:fixed;z-index:140;left:0;right:0;bottom:0;max-height:220px;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -14px 40px rgba(22,20,24,.16);transform:translateY(110%);visibility:hidden;pointer-events:none;transition:transform 180ms,visibility 180ms;overflow:auto}.site-bag.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-head{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.bag-brand{display:flex;align-items:center;gap:10px}.bag-brand img{height:24px;width:auto;object-fit:contain}.bag-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.6fr;gap:16px;padding:8px 0 14px}.bag-group h2{font-size:13px;margin:0 0 6px;color:var(--violet)}.bag-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;padding:2px 0}.bag-item-name{font-size:13px;color:var(--ink);white-space:nowrap}.bag-item-desc{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dock{display:none}
.site-footer{background:var(--ink);color:var(--bg);border-top:1px solid var(--gold);padding:30px 0 26px}.footer-head{margin-bottom:18px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{height:24px;width:auto;object-fit:contain}.footer-brand div{display:flex;align-items:baseline;gap:8px}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:var(--gold)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:13px;color:var(--gold);margin-bottom:8px}.footer-grid a{display:block;font-size:13px;color:var(--bg);opacity:.9;margin:4px 0}.footer-note{font-size:13px;color:#DAD4DF;border-top:1px solid rgba(196,160,74,.35);margin-top:18px;padding-top:14px}.footer-note p{margin:4px 0}
@media (max-width:760px){body{padding-top:72px;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.shell,.page-shell{width:calc(100% - 32px)}.pinbar{display:none}.brandbar-row{gap:10px}.brand-actions{gap:6px}.app-link,.bag-button{padding:0 10px}.page-shell{padding-top:22px}.mirror-cut,.dual-color,.pin-pages,.single-feature,.ten-day,.status-flow,.wrap-pin,.layout-double-color .hero-split,.layout-session .session-map,.layout-method .method-track,.layout-wrap-pin .app-wrap,.layout-about .brand-statement{grid-template-columns:1fr}.phase-list,.layout-ten-day .ten-columns,.layout-about .about-principles{grid-template-columns:1fr}.method-points,.layout-double-color .color-notes,.layout-memo .memo-grid,.layout-help .help-map,.layout-contact .contact-paths{grid-template-columns:1fr}.layout-pin-cut .cut-grid{grid-template-columns:1fr 1fr}.layout-pin-cut .cut-grid article:nth-child(odd){transform:none}.layout-status .status-row,.layout-topics .topic-entry{grid-template-columns:1fr;gap:8px}.mirror-cut{padding:20px}.single-feature{padding:18px}.media-round{width:min(240px,100%)}.media-app{width:min(240px,100%)}.search-panel{top:0;inset:0;width:100%;transform:none;border:0;border-radius:0;background:var(--ink);color:var(--gold);padding:22px 16px;overflow:auto}.search-panel.is-open{transform:none}.search-panel strong,.search-panel label{color:var(--gold)}.search-panel input{background:var(--paper);color:var(--ink)}.search-links a{background:#2B2630;color:var(--paper);border-color:rgba(196,160,74,.35)}.search-empty{color:#D6C9A2}.site-bag{max-height:64vh}.bag-grid{grid-template-columns:1fr 1fr;padding-bottom:20px}.bag-item{display:block;padding:4px 0}.bag-item-desc{display:block;white-space:normal}.mobile-dock{position:fixed;z-index:90;left:0;right:0;bottom:0;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);box-shadow:0 -6px 20px rgba(22,20,24,.08)}.mobile-dock a{min-height:48px;display:grid;place-items:center;font-size:13px;color:var(--muted)}.mobile-dock a.is-current{background:var(--violet);color:var(--paper);box-shadow:0 6px 16px rgba(106,74,154,.18)}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:34px}.home-intro{padding-top:24px}}
@media (max-width:420px){.layout-pin-cut .cut-grid{grid-template-columns:1fr}.bag-grid,.footer-grid{grid-template-columns:1fr}.brand-home{min-width:50px}.app-link,.bag-button{font-size:13px;padding:0 9px}}