*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#F4F1F8;color:#2A242C;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#161418;color:#F4F1F8;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.color-brow{position:fixed;z-index:1100;top:0;left:0;right:0;height:18px;background:#161418;color:#C4A04A;font-size:12px}.top-wrap,.head-wrap,.pin-nav-inner,.footer-inner,.site-main{width:min(960px,calc(100% - 32px));margin:0 auto}.top-wrap{height:18px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#C4A04A;padding:0 4px;min-height:18px;cursor:pointer}.site-head{position:fixed;z-index:1090;top:18px;left:0;right:0;height:54px;background:#FBF8FF;border-bottom:1px solid rgba(106,74,154,.2)}.head-wrap{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-mark{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:800;color:#161418}.brand-mark img,.footer-brand img,.bag-brand img{height:24px;width:auto;object-fit:contain}.head-actions{display:flex;gap:8px;align-items:center}.app-link,.bag-button,.close-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 14px;font-size:14px;cursor:pointer}.app-link{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 48%,#6A4A9A 100%);color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.bag-button,.close-button{border:1px solid #6A4A9A;background:#FBF8FF;color:#2A242C}.pin-nav{position:fixed;z-index:1080;top:72px;left:0;right:0;height:44px;background:#FBF8FF;border-bottom:1px solid rgba(22,20,24,.12)}.pin-nav-inner{height:44px;display:flex;align-items:center;gap:10px}.pin-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;font-size:13px}.pin-dot{width:18px;height:18px;border:2px solid #4A8AB8;border-radius:50%;display:inline-block;background:#FBF8FF}.pin-link.is-current .pin-dot{background:#6A4A9A;border-color:#C4A04A;box-shadow:0 6px 16px rgba(106,74,154,.18)}.site-main{padding-top:140px;padding-bottom:56px}.breadcrumbs{font-size:13px;color:#7A7480;margin:0 0 18px}.breadcrumbs a{color:#6A4A9A}.page-title{font-size:24px;line-height:1.3;margin:0 0 12px;color:#161418}.lead{font-size:15px;color:#5A5460;max-width:760px;margin:0 0 24px}.section-title{font-size:20px;line-height:1.4;margin:0 0 10px;color:#161418}.sub-title{font-size:16px;line-height:1.45;margin:0 0 8px;color:#161418}.paper{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;box-shadow:0 12px 28px rgba(22,20,24,.08)}.soft-paper{background:#EEE8F4;border:1px solid rgba(22,20,24,.1);border-radius:12px}.deep-paper{background:#E4DEEC;border-radius:12px}.content-block{padding:22px;margin:0 0 18px}.content-block p:last-child{margin-bottom:0}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button-primary,.button-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;font-size:14px;transition:filter 180ms,box-shadow 180ms,transform 180ms}.button-primary{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 48%,#6A4A9A 100%);color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.button-secondary{background:#FBF8FF;border:1px solid #6A4A9A;color:#2A242C}.button-primary:hover,.button-secondary:hover,.app-link:hover,.pin-link.is-current:hover,.mobile-bottom a.is-current:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(196,106,138,.28),0 10px 24px rgba(74,138,184,.28)}.button-primary:active,.button-secondary:active,.app-link:active,.pin-link.is-current:active,.mobile-bottom 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{outline:2px solid #6A4A9A;outline-offset:2px}.media-slot{width:100%;height:168px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);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-slot.round-slot{width:240px;height:176px;border-radius:88px;margin-inline:auto}.media-slot.short-slot{height:160px}.media-slot.tall-slot{width:240px;height:320px}.media-slot.banner-slot{height:200px;width:100%}.media-slot.icon-slot{width:48px;height:48px;border-radius:12px}.media-slot.brand-slot{height:180px}.kicker{font-size:12px;color:#6A4A9A;letter-spacing:.08em;font-weight:700}.accent-blue{border-top:4px solid #4A8AB8}.accent-pink{border-top:4px solid #C46A8A}.accent-green{border-top:4px solid #6A9A48}.accent-gold{border-top:4px solid #C4A04A}.accent-purple{border-top:4px solid #6A4A9A}.note-list{margin:12px 0 0;padding-left:20px}.note-list li{margin:7px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(22,20,24,.12);background:#FBF8FF;border-radius:999px;color:#5A5460}.rule{height:1px;background:rgba(22,20,24,.12);margin:18px 0}.status-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed rgba(22,20,24,.16)}.status-row:last-child{border-bottom:0}.status-badge{flex:0 0 auto;border-radius:999px;padding:4px 10px;font-size:12px;background:#E4DEEC;color:#2A242C}.status-badge.done{background:#e8f0e1;color:#35521f}.status-badge.progress{background:#efe9d7;color:#6d5720}.status-badge.wait{background:#eee8f4;color:#5b437e}.crumb-line{display:flex;align-items:center;gap:6px}.site-footer{background:#161418;color:#F4F1F8;border-top:1px solid #C4A04A;padding:34px 0 24px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-brand div{display:flex;gap:8px;align-items:baseline}.footer-brand span{color:#C4A04A;font-size:13px}.footer-groups{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.4fr;gap:22px}.footer-groups h2{font-size:13px;color:#C4A04A;margin:0 0 8px}.footer-groups a{display:block;font-size:13px;margin:6px 0;color:#F4F1F8}.footer-note,.footer-copy{font-size:13px;color:#cfc8d6}.footer-note{border-top:1px solid rgba(196,160,74,.3);margin:22px 0 8px;padding-top:16px}.overlay{position:fixed;z-index:1400;inset:0;background:rgba(22,20,24,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-bag{position:fixed;z-index:1500;left:0;right:0;bottom:0;max-height:220px;background:#FBF8FF;border-top:1px solid rgba(22,20,24,.14);box-shadow:0 -12px 32px rgba(22,20,24,.14);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform 180ms,visibility 180ms;padding:14px 16px 18px;overflow:auto}.site-bag.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-head{width:min(960px,100%);margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between}.bag-brand{display:flex;align-items:center;gap:10px}.bag-grid{width:min(960px,100%);margin:0 auto;display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.4fr;gap:16px}.bag-grid h2{font-size:13px;margin:0 0 6px;color:#6A4A9A}.bag-grid a{display:flex;gap:7px;align-items:baseline;padding:4px 0}.bag-grid b{font-size:13px;min-width:58px;color:#161418}.bag-grid span{font-size:12px;color:#7A7480}.search-panel{position:fixed;z-index:1500;top:72px;left:0;right:0;background:#FBF8FF;border-bottom:1px solid rgba(22,20,24,.12);box-shadow:0 12px 28px rgba(22,20,24,.08);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity 180ms,transform 180ms,visibility 180ms}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.search-inner{width:min(960px,calc(100% - 32px));margin:0 auto;padding:18px 0}.search-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.search-head strong{color:#161418}.search-head p{margin:2px 0 0;color:#7A7480;font-size:13px}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #6A4A9A;border-radius:10px}.mobile-bottom{display:none}.modal-open{overflow:hidden}

/* 首页：顺序展开，避免传统卡片开篇 */
.home-intro{padding:8px 0 22px}.home-pin-index{display:flex;gap:10px;margin-bottom:14px}.home-pin-index a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:999px}.home-pin-index i{width:12px;height:12px;border-radius:50%;display:inline-block}.home-pin-index a:first-child i{background:#6A4A9A}.home-pin-index a:last-child i{background:#4A8AB8}.home-cut{margin:8px 0 26px;padding:20px;background:#E4DEEC;border-radius:28px 12px 28px 12px}.home-cut-copy{max-width:700px;margin:16px auto 0;text-align:center}.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.home-duo article{padding:20px}.home-duo article:first-child{background:#FBF8FF;border:1px solid rgba(74,138,184,.28);border-radius:12px 12px 28px 12px}.home-duo article:last-child{background:#EEE8F4;border:1px solid rgba(196,106,138,.28);border-radius:28px 12px 12px 12px}.pin-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:24px 0}.pin-pages article{padding:22px}.pin-pages article:first-child{transform:translateY(0)}.pin-pages article:last-child{margin-top:28px}.single-explain{margin:24px 0;padding:24px;border-left:5px solid #6A9A48}.phase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.phase-strip div{background:#FBF8FF;border-radius:10px;padding:14px;border:1px solid rgba(22,20,24,.1)}.topic-lines{display:grid;gap:10px;margin-top:14px}.topic-lines a{display:block;padding:14px 0;border-bottom:1px dashed rgba(22,20,24,.16)}.app-wrap{display:block;margin:28px 0}.app-copy{padding:22px}.app-visual{display:flex;flex-direction:row;gap:12px;align-items:flex-end;justify-content:center;margin-top:18px}.late-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-mini article{padding:16px}.brand-home{padding:24px;margin-top:24px}

/* 日笺：双列彩 */
.layout-dual-color .day-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.layout-dual-color .day-panel{padding:22px}.layout-dual-color .day-panel:nth-child(odd){background:#FBF8FF;border-left:4px solid #4A8AB8}.layout-dual-color .day-panel:nth-child(even){background:#EEE8F4;border-left:4px solid #C46A8A}.layout-dual-color .source-band{margin:22px 0;padding:20px;background:#161418;color:#F4F1F8;border-radius:12px}.layout-dual-color .source-band h2{color:#C4A04A}

/* 镜页：钉切 */
.layout-pin-cut .cut-stack{display:grid;gap:0}.layout-pin-cut .cut-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(22,20,24,.12)}.layout-pin-cut .cut-mark{width:72px;height:72px;border-radius:50% 50% 50% 12px;display:flex;align-items:center;justify-content:center;background:#6A4A9A;color:#FBF8FF;font-weight:700;margin:auto}.layout-pin-cut .cut-row:nth-child(2) .cut-mark{background:#4A8AB8}.layout-pin-cut .cut-row:nth-child(3) .cut-mark{background:#C46A8A}.layout-pin-cut .cut-row:nth-child(4) .cut-mark{background:#6A9A48}.layout-pin-cut .cut-row:nth-child(5) .cut-mark{background:#161418;color:#C4A04A}

/* 簿记：钉页 */
.layout-pin-pages .notebook{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout-pin-pages .sheet{position:relative;padding:22px 22px 22px 34px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.layout-pin-pages .sheet:before{content:"";position:absolute;left:14px;top:18px;bottom:18px;width:4px;border-radius:4px;background:#C4A04A}.layout-pin-pages .sheet:nth-child(2):before{background:#4A8AB8}.layout-pin-pages .sheet:nth-child(3):before{background:#C46A8A}.layout-pin-pages .sheet:nth-child(4):before{background:#6A9A48}

/* 场次：阶梯说明 */
.layout-scene .scene-flow{display:grid;gap:12px}.layout-scene .scene-step{width:86%;padding:20px}.layout-scene .scene-step:nth-child(even){margin-left:auto}.layout-scene .scene-step:nth-child(3){width:72%}.layout-scene .scene-step:nth-child(4){width:92%}

/* 旬页：三段带 */
.layout-period .period-block{padding:22px;margin-bottom:14px;border-radius:12px}.layout-period .period-block:nth-child(1){background:#FBF8FF;border-left:6px solid #4A8AB8}.layout-period .period-block:nth-child(2){background:#EEE8F4;border-left:6px solid #C46A8A}.layout-period .period-block:nth-child(3){background:#E4DEEC;border-left:6px solid #6A9A48}

/* 历页：状态轨 */
.layout-history .history-board{padding:22px}.layout-history .history-track{position:relative;padding-left:28px}.layout-history .history-track:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#C4A04A}.layout-history .history-item{position:relative;padding:0 0 22px}.layout-history .history-item:before{content:"";position:absolute;left:-24px;top:6px;width:10px;height:10px;border-radius:50%;background:#6A4A9A}

/* 备忘：清单 */
.layout-memo .memo-list{counter-reset:memo;display:grid;gap:12px}.layout-memo .memo-card{counter-increment:memo;padding:18px 20px 18px 54px;position:relative}.layout-memo .memo-card:before{content:counter(memo);position:absolute;left:18px;top:18px;width:24px;height:24px;border-radius:50%;background:#161418;color:#C4A04A;display:flex;align-items:center;justify-content:center;font-size:12px}

/* 看法：方法环 */
.layout-method .method-ring{display:grid;grid-template-columns:1fr 1fr;gap:18px}.layout-method .method-card{padding:22px;border-radius:24px 12px 24px 12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.layout-method .method-card:nth-child(even){border-radius:12px 24px 12px 24px;background:#EEE8F4}

/* 专题：目录纵带 */
.layout-topics .topic-directory{display:grid;gap:10px}.layout-topics .topic-entry{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(22,20,24,.12)}.layout-topics .topic-label{font-weight:800;color:#6A4A9A}

/* 架页：居中说明 */
.layout-shelf .shelf-center{max-width:760px;margin:0 auto;text-align:center;padding:28px}.layout-shelf .shelf-center .media-slot{margin:18px auto}.layout-shelf .shelf-bands{display:grid;gap:12px;margin-top:18px;text-align:left}.layout-shelf .shelf-bands div{padding:16px;background:#EEE8F4;border-radius:10px}

/* APP：文绕钉 */
.layout-app .app-article{padding:24px}.layout-app .app-article:after{content:"";display:block;clear:both}.layout-app .float-app{float:right;width:260px;margin:0 0 18px 24px}.layout-app .float-app .media-slot{margin-bottom:10px}.layout-app .app-note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;clear:both}

/* 通用服务页差异化 */
.layout-install .install-lane{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.layout-install .install-lane section{padding:16px;background:#FBF8FF;border-radius:12px;border-top:4px solid #4A8AB8}.layout-install .install-lane section:nth-child(2){border-color:#C46A8A}.layout-install .install-lane section:nth-child(3){border-color:#6A9A48}.layout-install .install-lane section:nth-child(4){border-color:#C4A04A}.layout-terms .term-section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid rgba(22,20,24,.12)}.layout-terms .term-section:last-child{border-bottom:0}.layout-grade .grade-map{display:grid;grid-template-columns:190px 1fr;gap:18px}.layout-grade .grade-index{position:sticky;top:132px;align-self:start;padding:18px}.layout-grade .grade-content{display:grid;gap:14px}.layout-privacy .privacy-steps{display:grid;gap:12px}.layout-privacy .privacy-step{padding:20px;background:#FBF8FF;border-radius:12px;border-left:5px solid #6A4A9A}.layout-help .help-columns{columns:2;column-gap:18px}.layout-help .help-card{break-inside:avoid;padding:18px;margin:0 0 18px}.layout-faq .faq-list{display:grid;gap:12px}.layout-faq .faq-item{padding:20px}.layout-faq .faq-item h2{font-size:16px;margin:0 0 8px}.layout-contact .contact-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout-contact .contact-path{padding:22px}.layout-about .about-banner{margin-bottom:20px}.layout-about .about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.layout-about .about-story>div{padding:22px}.layout-about .manifesto{margin-top:20px;padding:24px;background:#161418;color:#F4F1F8;border-radius:12px}.layout-about .manifesto h2{color:#C4A04A}

@media (max-width:760px){
    .top-wrap,.head-wrap,.footer-inner,.site-main{width:calc(100% - 32px)}
    .pin-nav{display:none}.site-main{padding-top:94px;padding-bottom:82px}.site-head{border-bottom-color:rgba(22,20,24,.12)}
    .head-actions{gap:4px}.app-link,.bag-button{padding:0 10px}.brand-mark img{max-width:92px}
    .home-duo,.pin-pages,.late-grid,.faq-mini,.layout-dual-color .day-grid,.layout-pin-pages .notebook,.layout-method .method-ring,.layout-contact .contact-paths,.layout-about .about-story,.layout-app .app-note-grid{grid-template-columns:1fr}
    .home-duo article:last-child,.pin-pages article:last-child{margin-top:0}
    .phase-strip{grid-template-columns:1fr}
    .layout-pin-cut .cut-row{grid-template-columns:72px 1fr;gap:12px}
    .layout-scene .scene-step,.layout-scene .scene-step:nth-child(3),.layout-scene .scene-step:nth-child(4){width:100%;margin-left:0}
    .layout-topics .topic-entry{grid-template-columns:1fr;gap:4px}
    .layout-app .float-app{float:none;width:100%;margin:0 0 18px}.layout-app .float-app .media-slot{margin-inline:auto}
    .layout-install .install-lane{grid-template-columns:1fr 1fr}
    .layout-grade .grade-map{grid-template-columns:1fr}.layout-grade .grade-index{position:static}
    .layout-help .help-columns{columns:1}
    .footer-groups{grid-template-columns:1fr 1fr;gap:18px}
    .site-bag{max-height:64vh;padding-bottom:72px}.bag-grid{grid-template-columns:1fr 1fr}.bag-grid a{display:block}.bag-grid b,.bag-grid span{display:block}.bag-grid span{margin-top:1px}
    .search-panel{top:0;bottom:0;background:#161418;color:#C4A04A}.search-inner{height:100%;padding-top:34px}.search-head{align-items:flex-start}.search-head strong,.search-head p{color:#C4A04A}.search-panel .close-button{background:#161418;border-color:#C4A04A;color:#C4A04A}.search-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.search-presets a{border-color:#C4A04A;color:#F4F1F8;justify-content:center}
    .mobile-bottom{position:fixed;z-index:1300;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:#FBF8FF;border-top:1px solid rgba(22,20,24,.12)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:#6A4A9A;color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}
}
@media (max-width:480px){
    .footer-groups,.bag-grid,.layout-install .install-lane{grid-template-columns:1fr}
    .home-pin-index{flex-wrap:wrap}
}