*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F1F8;color:#2A242C;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-top{position:fixed;top:0;left:0;right:0;z-index:50}.top-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.color-brow{height:18px;background:#161418;color:#C4A04A;font-size:12px;line-height:18px}.brow-inner{display:flex;align-items:center;justify-content:space-between;height:18px}.brow-search{border:0;background:transparent;color:#C4A04A;padding:0 4px;min-height:18px;cursor:pointer}.brand-head{height:54px;background:#FBF8FF;border-bottom:1px solid rgba(106,74,154,.35)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-mark{display:inline-flex;align-items:center;min-width:44px;min-height:44px;font-size:16px;font-weight:800;color:#161418}.brand-mark img{display:block;height:24px;max-width:130px;width:auto;object-fit:contain;object-position:center}.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;padding:0 14px;border-radius:10px;border:1px solid rgba(106,74,154,.45);background:#FBF8FF;color:#2A242C;font-size:14px;cursor:pointer}.app-link{border-color:#6A4A9A}.bag-button{border-color:#C4A04A}.color-pin-nav{height:44px;background:#FBF8FF;border-bottom:1px solid rgba(22,20,24,.12)}.pin-row{height:44px;display:flex;align-items:center;gap:10px}.pin-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;font-size:13px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid #4A8AB8;background:#FBF8FF;flex:none}.pin-link.is-current .pin-dot{background:#6A4A9A;border-color:#C4A04A;box-shadow:0 6px 16px rgba(106,74,154,.18)}.site-main{width:min(960px,calc(100% - 32px));margin:0 auto;padding:136px 0 48px;min-height:75vh}.breadcrumb{display:flex;gap:8px;align-items:center;color:#7A7480;font-size:13px;margin:10px 0 20px}.breadcrumb a{color:#6A4A9A}.breadcrumb a:hover{text-decoration:underline}h1,h2,h3{color:#161418;margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:14px}h2{font-size:20px;line-height:1.35;margin-bottom:12px}h3{font-size:16px;line-height:1.45;margin-bottom:8px}p{margin:0 0 14px}.lede{font-size:16px;color:#5A5460}.eyebrow{font-size:12px;letter-spacing:.08em;color:#6A4A9A;font-weight:700;margin-bottom:8px}.section{margin:26px 0;padding:22px;border:1px solid rgba(22,20,24,.12);border-radius:12px;background:#FBF8FF;box-shadow:0 12px 28px rgba(22,20,24,.08)}.section.flat{box-shadow:none}.section.tint{background:#EEE8F4}.section.dark{background:#161418;color:#F4F1F8;border-color:#161418}.section.dark h2,.section.dark h3{color:#C4A04A}.section.blue{background:#4A8AB8;color:#FBF8FF}.section.blue h2,.section.blue h3,.section.pink h2,.section.pink h3,.section.violet h2,.section.violet h3{color:#FBF8FF}.section.pink{background:#C46A8A;color:#FBF8FF}.section.violet{background:#6A4A9A;color:#FBF8FF}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;font-size:14px;white-space:nowrap;transition:filter 180ms ease,box-shadow 180ms ease,transform 180ms ease}.btn-primary{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 48%,#6A4A9A 100%);color:#FBF8FF;border:1px solid transparent;box-shadow:0 6px 16px rgba(106,74,154,.18)}.btn-secondary{background:#FBF8FF;color:#2A242C;border:1px solid #6A4A9A}.btn-primary:hover,.pin-link.is-current:hover,.mobile-bottom a.is-current:hover{filter:brightness(1.08);box-shadow:0 0 0 3px rgba(196,106,138,.28),0 10px 24px rgba(74,138,184,.28)}.btn-primary: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,input:focus-visible{outline:2px solid #6A4A9A;outline-offset:2px}.media-slot{display:flex;align-items:center;justify-content:center;width:100%;height:168px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);overflow:hidden}.media-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.circle{width:240px;height:176px;border-radius:88px;margin:0 auto}.media-slot.short{height:160px}.media-slot.banner{width:100%;height:200px}.media-slot.app-portrait{width:240px;height:320px;margin:0 auto}.media-slot.icon-slot{width:72px;height:72px}.media-slot.icon-slot img{width:48px;height:48px}.home-lead{padding:26px 0 10px}.home-pin-index{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.home-pin-index a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.home-pin-index .pin-dot{width:14px;height:14px}.cut-block{position:relative;padding:20px;border-radius:12px;background:#E4DEEC;border:1px solid rgba(22,20,24,.12)}.cut-block:before{content:"";position:absolute;left:18px;top:0;width:72px;height:4px;background:#C46A8A;border-radius:0 0 4px 4px}.two-color{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-note{padding:18px;border-radius:12px;border:1px solid rgba(22,20,24,.12);background:#FBF8FF}.color-note:nth-child(2){background:#EEE8F4}.pin-pages{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pin-page-card{position:relative;padding:20px 18px 18px;border:1px solid rgba(22,20,24,.12);border-radius:12px;background:#FBF8FF}.pin-page-card:before{content:"";position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:#6A9A48;box-shadow:0 0 0 3px rgba(106,154,72,.14)}.topic-lines{display:grid;gap:10px}.topic-line{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px dashed rgba(22,20,24,.14)}.topic-line:last-child{border-bottom:0}.topic-bullet{width:16px;height:16px;border-radius:50%;margin-top:5px}.topic-line:nth-child(1) .topic-bullet{background:#4A8AB8}.topic-line:nth-child(2) .topic-bullet{background:#C46A8A}.topic-line:nth-child(3) .topic-bullet{background:#C4A04A}.wrap-pin{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:end}.wrap-pin .app-images{display:grid;gap:10px;justify-items:center}.home-faq details,.faq-list details{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;padding:14px 16px;margin-bottom:10px}.home-faq summary,.faq-list summary{cursor:pointer;font-weight:700;color:#161418}.home-faq details p,.faq-list details p{margin:10px 0 0;color:#5A5460}.article-head{padding:10px 0 4px}.article-head .lede{max-width:760px}.split-rainbow{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.split-rainbow>.panel{border-radius:12px;padding:20px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.split-rainbow>.panel:nth-child(2){background:#EEE8F4}.pin-cut-list{display:grid;gap:14px}.pin-cut-row{position:relative;padding:18px 18px 18px 34px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.pin-cut-row:before{content:"";position:absolute;left:14px;top:21px;width:9px;height:9px;border-radius:50%;background:#C46A8A;box-shadow:0 0 0 4px rgba(196,106,138,.12)}.pin-cut-row:nth-child(2n):before{background:#4A8AB8;box-shadow:0 0 0 4px rgba(74,138,184,.12)}.pin-page-stack{display:grid;gap:16px}.pin-paper{padding:20px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;position:relative}.pin-paper:after{content:"";position:absolute;right:18px;top:0;width:46px;height:5px;background:#6A4A9A;border-radius:0 0 4px 4px}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scene-card{padding:18px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.scene-card:nth-child(2){border-top:4px solid #4A8AB8}.scene-card:nth-child(3){border-top:4px solid #C46A8A}.scene-card:nth-child(4){border-top:4px solid #6A9A48}.season-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.season-step{padding:20px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.season-step:nth-child(1){box-shadow:inset 0 4px #4A8AB8}.season-step:nth-child(2){box-shadow:inset 0 4px #C46A8A}.season-step:nth-child(3){box-shadow:inset 0 4px #C4A04A}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 16px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:#EEE8F4;color:#6A4A9A;font-weight:700}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.check-list li{position:relative;padding:14px 16px 14px 44px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.check-list li:before{content:"✓";position:absolute;left:15px;top:13px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#6A9A48;color:#FBF8FF;font-weight:800;font-size:12px}.method-flow{display:grid;gap:12px}.method-flow article{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:18px;background:#FBF8FF;border-radius:12px;border:1px solid rgba(22,20,24,.12)}.method-flow strong{color:#6A4A9A}.topic-directory{display:grid;gap:12px}.topic-directory article{padding:18px;border-radius:12px;background:#FBF8FF;border-left:5px solid #4A8AB8}.topic-directory article:nth-child(2){border-left-color:#C46A8A}.topic-directory article:nth-child(3){border-left-color:#6A9A48}.topic-directory article:nth-child(4){border-left-color:#C4A04A}.topic-directory article:nth-child(5){border-left-color:#6A4A9A}.center-card{max-width:760px;margin:24px auto;padding:28px;border-radius:12px;text-align:center;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);box-shadow:0 12px 28px rgba(22,20,24,.08)}.center-card p{text-align:left}.app-wrap{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}.app-wrap .app-copy{padding:22px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.rule-sections{display:grid;gap:14px}.rule-sections section{padding:20px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-grid article{padding:18px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-paths article{padding:18px;background:#FBF8FF;border-radius:12px;border-top:4px solid #4A8AB8}.contact-paths article:nth-child(2){border-top-color:#C46A8A}.contact-paths article:nth-child(3){border-top-color:#6A9A48}.contact-paths article:nth-child(4){border-top-color:#C4A04A}.about-band{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-band article{padding:20px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.site-footer{background:#161418;color:#F4F1F8;border-top:1px solid #C4A04A}.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto;padding:30px 0 72px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-brand img{height:24px;max-width:130px;object-fit:contain}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:#C4A04A}.footer-groups{display:grid;grid-template-columns:1.15fr 1.15fr .9fr 1.5fr;gap:18px}.footer-groups section{display:flex;flex-direction:column;gap:5px}.footer-groups h2{font-size:13px;color:#C4A04A;margin:0 0 5px}.footer-groups a{font-size:13px;color:#F4F1F8}.footer-groups a:hover{text-decoration:underline}.footer-note,.copyright{font-size:13px;color:#cfc9d2}.footer-note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(196,160,74,.35)}.copyright{margin-bottom:0}.ui-overlay{position:fixed;inset:0;background:rgba(22,20,24,.42);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease}.ui-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.ui-locked{overflow:hidden}.bag-panel{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:220px;background:#FBF8FF;border-top:1px solid rgba(22,20,24,.12);box-shadow:0 -12px 28px rgba(22,20,24,.14);padding:14px max(16px,calc((100% - 960px)/2));transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform 180ms ease,visibility 180ms ease;overflow:auto}.bag-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bag-title{display:flex;gap:8px;align-items:center}.bag-title img{height:24px;max-width:130px;object-fit:contain}.bag-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.4fr;gap:12px}.bag-grid h2{font-size:13px;color:#6A4A9A;margin:0 0 6px}.bag-grid section{display:grid;gap:4px;align-content:start}.bag-grid a{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;padding:3px 0}.bag-grid a span{font-size:13px;font-weight:700}.bag-grid a small{font-size:12px;color:#7A7480}.search-panel{position:fixed;z-index:95;top:72px;left:50%;width:min(960px,calc(100% - 32px));transform:translate(-50%,-120%);visibility:hidden;pointer-events:none;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:0 0 12px 12px;padding:18px;box-shadow:0 12px 28px rgba(22,20,24,.16);transition:transform 180ms ease,visibility 180ms ease}.search-panel.is-open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.search-head{display:flex;align-items:center;justify-content:space-between}.search-panel p{color:#5A5460}.search-box input{width:100%;height:44px;border:1px solid rgba(22,20,24,.18);border-radius:10px;padding:0 12px;background:#F4F1F8;color:#161418}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid #6A4A9A;background:#FBF8FF}.search-empty{margin-top:12px}.mobile-bottom{display:none}.note-list{margin:0;padding-left:20px}.note-list li{margin-bottom:7px}.mini-links{display:flex;gap:10px;flex-wrap:wrap}.mini-links a{color:#6A4A9A;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.top-inner,.site-main,.footer-inner{width:calc(100% - 32px)}.color-pin-nav{display:none}.site-main{padding-top:92px;padding-bottom:76px}.two-color,.pin-pages,.split-rainbow,.scene-grid,.season-steps,.app-wrap,.wrap-pin,.help-grid,.contact-paths,.about-band{grid-template-columns:1fr}.wrap-pin,.app-wrap{align-items:start}.status-item,.method-flow article{grid-template-columns:1fr;gap:8px}.footer-groups{grid-template-columns:1fr 1fr}.footer-inner{padding-bottom:84px}.mobile-bottom{position:fixed;z-index:60;left:0;right:0;bottom:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#FBF8FF;border-top:1px solid rgba(22,20,24,.12);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-current{background:#6A4A9A;color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.bag-panel{max-height:64vh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.bag-grid{grid-template-columns:1fr 1fr}.bag-grid a{grid-template-columns:1fr;gap:0}.bag-grid a small{display:block}.search-panel{top:0;left:0;width:100%;height:100%;transform:translateY(-105%);border-radius:0;background:#161418;color:#C4A04A;padding:22px 16px}.search-panel.is-open{transform:translateY(0)}.search-panel p{color:#F4F1F8}.search-head strong{color:#C4A04A}.search-panel .close-button{background:#161418;color:#C4A04A;border-color:#C4A04A}.search-box input{background:#F4F1F8;color:#161418}.search-presets a{background:#161418;color:#C4A04A;border-color:#C4A04A}.media-slot.circle{max-width:100%}.media-slot.app-portrait{max-width:100%}.home-lead{padding-top:16px}.section{padding:18px}.page-index .site-main{padding-top:92px}}
@media(max-width:430px){.head-actions{gap:6px}.app-link,.bag-button{padding:0 10px}.brand-mark img{max-width:100px}.footer-groups,.bag-grid{grid-template-columns:1fr}.bag-panel{max-height:64vh}.home-pin-index{gap:6px}.home-pin-index a{padding:7px 10px}}