*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F1F8;color:#2A242C;font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.ui-locked{overflow:hidden}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-stack{position:fixed;inset:0 0 auto;z-index:60}.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}.text-button{border:0;background:transparent;color:#C4A04A;padding:0 4px;font:inherit;cursor:pointer}.brand-head{height:54px;background:#FBF8FF;border-bottom:1px solid rgba(106,74,154,.35)}.brand-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-link{display:inline-flex;align-items:center;min-height:44px;color:#161418;font-weight:800;text-decoration:none;font-size:16px}.brand-link img,.bag-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button,.primary-button,.secondary-button,.close-button{min-height:44px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;white-space:nowrap;transition:filter 180ms,box-shadow 180ms,transform 180ms}.app-link,.primary-button{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)}.menu-button,.secondary-button,.close-button{background:#FBF8FF;color:#2A242C;border:1px solid #6A4A9A;cursor:pointer}.app-link:hover,.primary-button:hover,.pin-link.is-current:hover,.mobile-bottom a.is-current:hover{filter:brightness(1.05);box-shadow:0 0 0 3px rgba(196,106,138,.28),0 10px 24px rgba(74,138,184,.28)}.app-link:active,.primary-button: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}.color-pin-nav{height:44px;background:#FBF8FF;border-bottom:1px solid rgba(22,20,24,.12)}.pin-inner{height:100%;display:flex;align-items:center;gap:10px}.pin-link{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;color:#2A242C;text-decoration:none;font-size:13px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid #4A8AB8;background:#FBF8FF}.pin-link.is-current{background:#6A4A9A;color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.pin-link.is-current .pin-dot{background:#6A4A9A;border:2px solid #C4A04A;box-shadow:0 6px 16px rgba(106,74,154,.18)}.site-main{padding-top:142px;padding-bottom:72px}.breadcrumb{display:flex;gap:8px;align-items:center;color:#7A7480;font-size:13px;margin:10px 0 18px}.breadcrumb a{color:#6A4A9A;text-decoration:none}.hero-note,.section-card,.paper-card,.center-card,.legal-section,.help-section,.faq-item,.topic-row,.status-panel,.memo-panel,.method-panel,.install-step,.contact-block{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;box-shadow:0 12px 28px rgba(22,20,24,.08)}h1{font-size:24px;line-height:1.3;margin:0 0 14px;color:#161418}h2{font-size:20px;line-height:1.4;margin:0 0 12px;color:#161418}h3{font-size:16px;margin:0 0 8px;color:#161418}p{margin:0 0 12px}.lead{font-size:16px;color:#5A5460}.eyebrow{font-size:12px;color:#6A4A9A;font-weight:700;letter-spacing:.08em}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.media-slot{width:100%;height:168px;border-radius:12px;background:#FBF8FF;border:1px dashed rgba(106,74,154,.28);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:999px}.media-slot.tall-slot{width:240px;height:320px}.media-slot.banner-slot{width:100%;height:200px}.media-slot.brand-slot{height:176px}.section-space{margin-top:26px}.home-intro{padding:26px;background:linear-gradient(180deg,#FBF8FF,#EEE8F4)}.intro-pins{display:flex;gap:10px;margin-bottom:18px}.intro-pins a{font-size:13px;color:#6A4A9A;text-decoration:none;border-bottom:1px solid rgba(106,74,154,.35)}.pin-cut-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center}.pin-cut-layout .copy{padding:20px;background:#EEE8F4;border-radius:12px}.dual-color{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dual-color article{padding:20px;border-radius:12px;min-height:100%}.dual-color article:nth-child(1){background:#E4DEEC}.dual-color article:nth-child(2){background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.pin-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pin-page-grid article{position:relative;padding:22px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.pin-page-grid article:before{content:"";position:absolute;top:14px;right:14px;width:14px;height:14px;border-radius:50%;background:#C46A8A;box-shadow:0 0 0 3px rgba(196,160,74,.18)}.single-explainer{padding:22px;display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center}.tri-note{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tri-note article{padding:18px;background:#FBF8FF;border-left:4px solid #4A8AB8;border-radius:0 12px 12px 0}.tri-note article:nth-child(2){border-color:#C46A8A}.tri-note article:nth-child(3){border-color:#6A9A48}.status-strip{display:grid;gap:10px}.status-row{padding:14px 16px;border-radius:10px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);display:flex;justify-content:space-between;gap:14px}.status-badge{font-size:13px;padding:2px 10px;border-radius:999px;background:#EEE8F4;color:#6A4A9A;white-space:nowrap}.topic-list{display:grid;gap:10px}.topic-row{padding:18px}.app-wrap{padding:24px}.app-wrap .text{max-width:700px}.app-art{margin-top:18px;display:flex;align-items:flex-end;gap:16px}.app-icon{width:48px;height:48px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;display:flex;align-items:center;justify-content:center}.app-icon img{width:48px;height:48px;object-fit:contain}.long-copy{padding:22px}.long-copy p:last-child{margin-bottom:0}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-mini article{padding:16px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px}.page-head{padding:20px 0}.page-head .lead{max-width:760px}.color-pin-index{display:grid;grid-template-columns:220px 1fr;gap:18px}.index-rail{padding:18px;background:#E4DEEC;border-radius:12px;height:max-content}.index-rail a{display:block;padding:10px 0;color:#6A4A9A;text-decoration:none;border-bottom:1px solid rgba(22,20,24,.08)}.index-rail a:last-child{border-bottom:0}.index-content{display:grid;gap:14px}.index-content article{padding:18px 20px;background:#FBF8FF;border-radius:12px;border:1px solid rgba(22,20,24,.12)}.pin-slice{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.slice-tabs{display:grid;gap:10px}.slice-tab{padding:16px;background:#E4DEEC;border-radius:12px;border-left:5px solid #C4A04A}.slice-copy{padding:22px;background:#FBF8FF;border-radius:12px;border:1px solid rgba(22,20,24,.12)}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check-card{padding:18px;background:#FBF8FF;border-radius:12px;border-top:4px solid #4A8AB8}.check-card:nth-child(2){border-color:#C46A8A}.check-card:nth-child(3){border-color:#6A9A48}.check-card:nth-child(4){border-color:#C4A04A}.method-list{counter-reset:method;display:grid;gap:14px}.method-panel{padding:20px}.method-panel h2:before{counter-increment:method;content:counter(method) ". ";color:#6A4A9A}.center-card{padding:28px;text-align:center}.center-card p{max-width:720px;margin-left:auto;margin-right:auto}.center-card .media-slot{margin:18px auto 0;max-width:700px;height:180px}.legal-stack,.help-stack,.faq-list,.install-list,.contact-list{display:grid;gap:14px}.legal-section,.help-section,.faq-item,.install-step,.contact-block{padding:20px}.legal-section h2,.help-section h2{display:flex;gap:8px;align-items:center}.legal-section h2:before,.help-section h2:before{content:"";width:10px;height:10px;border-radius:50%;background:#C46A8A}.faq-item h2{font-size:17px}.topic-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-catalog article{padding:18px;background:#FBF8FF;border-radius:12px;border-left:4px solid #6A4A9A}.about-brand{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}.about-brand .paper-card{padding:22px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-values article{padding:18px;background:#FBF8FF;border-radius:12px;border:1px solid rgba(22,20,24,.12)}.site-footer{background:#161418;color:#F4F1F8;border-top:1px solid #C4A04A;padding:30px 0 72px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}.footer-brand{display:grid;gap:8px;align-content:start}.footer-brand img{filter:none}.footer-brand strong{font-size:16px}.footer-grid h2{font-size:14px;color:#C4A04A;margin:0 0 8px}.footer-grid a{display:block;color:#F4F1F8;text-decoration:none;padding:4px 0}.footer-subtitle{margin-top:14px!important}.footer-bottom{padding-top:20px;margin-top:20px;border-top:1px solid rgba(244,241,248,.14);color:#C4A04A}.overlay{position:fixed;inset:0;background:rgba(22,20,24,.42);z-index:78;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms,visibility 180ms}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.bag-panel{position:fixed;left:0;right:0;bottom:0;z-index:80;max-height:220px;background:#FBF8FF;border-top:1px solid rgba(22,20,24,.14);box-shadow:0 -16px 40px rgba(22,20,24,.18);padding:14px 16px 18px;transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform 180ms,visibility 180ms;overflow:auto}.bag-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-head{width:min(960px,100%);margin:0 auto 10px;display:flex;justify-content:space-between;align-items:center}.bag-brand{display:flex;align-items:center;gap:8px}.bag-groups{width:min(960px,100%);margin:0 auto;display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1.4fr;gap:16px}.bag-groups h2{font-size:13px;margin:0 0 6px;color:#6A4A9A}.bag-groups a{display:block;color:#2A242C;text-decoration:none;padding:3px 0}.bag-groups small{display:block;color:#7A7480;font-size:11px;line-height:1.4}.search-layer{position:fixed;top:72px;left:0;right:0;z-index:81;visibility:hidden;pointer-events:none}.search-layer.is-open{visibility:visible;pointer-events:auto}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:0 0 12px 12px;box-shadow:0 16px 32px rgba(22,20,24,.14);padding:18px}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.search-card label{display:block;color:#5A5460;margin-bottom:8px}.search-card input{width:100%;min-height:44px;border:1px solid rgba(22,20,24,.18);border-radius:10px;background:#F4F1F8;padding:0 12px;color:#2A242C;font:inherit}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{padding:8px 12px;border-radius:999px;background:#EEE8F4;color:#6A4A9A;text-decoration:none}.mobile-bottom{display:none}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.color-pin-nav{display:none}.site-main{padding-top:92px;padding-bottom:88px}.brand-actions{gap:6px}.app-link,.menu-button{padding:0 11px}.pin-cut-layout,.single-explainer,.color-pin-index,.pin-slice,.about-brand{grid-template-columns:1fr}.dual-color,.pin-page-grid,.faq-mini,.check-grid,.topic-catalog,.about-values{grid-template-columns:1fr}.tri-note{grid-template-columns:1fr}.media-slot.round-slot{margin:0 auto}.single-explainer{padding:18px}.app-art{flex-direction:column;align-items:center}.bag-panel{max-height:64%;border-radius:16px 16px 0 0}.bag-groups{grid-template-columns:1fr 1fr}.search-layer{inset:0;top:0;background:#161418;color:#C4A04A;display:flex;align-items:flex-start;padding:16px}.search-card{margin:0 auto;background:#161418;color:#C4A04A;border-color:rgba(196,160,74,.3);border-radius:12px;box-shadow:none}.search-card label{color:#F4F1F8}.search-card input{background:#FBF8FF;color:#161418}.search-presets a{background:#2A242C;color:#F4F1F8}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;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;text-decoration:none;color:#5A5460;font-size:13px}.mobile-bottom a.is-current{background:#6A4A9A;color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.site-footer{padding-bottom:90px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:460px){.bag-groups{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.brand-link img{max-width:74px}.app-link{font-size:13px;padding:0 9px}.menu-button{font-size:13px;padding:0 9px}.status-row{align-items:flex-start;flex-direction:column}.site-main{padding-top:88px}}