*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F1E7;color:#3A3428;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","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}.ui-locked{overflow:hidden}.top-mini{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:#FFF8EE;color:#2A2418;font-size:12px;border-bottom:1px solid rgba(42,36,24,.08)}.top-mini-inner,.brand-bar,.bead-nav-inner,.site-main,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.top-mini-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-trigger,.menu-trigger,.close-button{border:0;background:transparent;color:#2A2418;min-height:44px;padding:0 10px}.text-trigger{min-height:20px;height:20px;padding:0}.brand-bar{position:fixed;z-index:80;top:20px;left:50%;transform:translateX(-50%);height:54px;background:#FFF8EE;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.brand-bar:after{content:"";position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100vw;height:4px;background:linear-gradient(90deg,#E07070 0 20%,#E0B050 20% 40%,#70C090 40% 60%,#70A8D8 60% 80%,#A080D0 80% 100%)}.brand-home{display:flex;align-items:center;gap:8px;min-height:44px}.brand-logo-slot img,.footer-logo-slot img,.drawer-logo-slot img{display:block;height:24px;width:auto;max-width:140px;object-fit:contain;object-position:center}.brand-logo-slot:empty{display:none}.brand-logo-slot:not(:empty)+.brand-fallback{display:none}.brand-fallback{font-size:16px;font-weight:800;color:#2A2418}.brand-actions{display:flex;align-items:center;gap:6px}.app-link,.btn,.search-presets a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700}.app-link{border:1px solid rgba(224,176,80,.50);background:#FFF8EE}.menu-trigger{border:1px solid rgba(42,36,24,.12);border-radius:999px;min-height:40px}.bead-nav{position:fixed;z-index:70;top:74px;left:0;right:0;height:50px;background:#FFF8EE;border-bottom:1px solid rgba(42,36,24,.12)}.bead-nav-inner{height:50px;display:flex;align-items:center;justify-content:center;gap:34px}.bead-item{display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px}.bead{width:12px;height:12px;border-radius:50%;display:inline-block;transition:transform .2s}.bead-1{background:#E07070}.bead-2{background:#E0B050}.bead-3{background:#70C090}.bead-4{background:#70A8D8}.bead-5{background:#A080D0}.bead-6{background:#EADFCB}.bead-7{background:#E9B7BA}.bead-item.is-current{font-weight:800}.bead-item.is-current .bead{width:16px;height:16px}.bead-only{pointer-events:none}.site-main{padding-top:148px;padding-bottom:56px}h1,h2,h3{color:#2A2418;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.4;margin-bottom:8px}p{margin:0 0 14px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#6A6458;text-transform:uppercase}.lead{font-size:16px;color:#3A3428;max-width:760px}.muted{color:#6A6458}.small{font-size:13px;color:#8A8478}.page-intro{padding:18px 0 28px}.section{margin:0 0 34px}.soft-panel,.content-card,.fold-card,.center-card,.notice-box,.method-block,.policy-block,.faq-item,.status-row,.memo-item,.topic-row{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);box-shadow:0 12px 28px rgba(42,36,24,.08)}.soft-panel,.content-card,.center-card,.notice-box,.method-block,.policy-block,.faq-item{border-radius:22px;padding:24px}.accent-top{border-top:4px solid rgba(224,176,80,.50)}.btn{background:linear-gradient(90deg,#E0B050 0%,#E07070 52%,#A080D0 100%);color:#2A2418;border:0;min-height:42px}.btn.secondary{background:#FFF8EE;border:1px solid rgba(224,176,80,.50)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.image-slot{background:#FFF8EE;border:1px dashed rgba(42,36,24,.18);border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.horizontal-slot{height:156px}.about-slot{height:200px}.app-slot{height:320px;max-width:430px;margin:0 auto}.icon-slot{width:64px;height:64px;border-radius:18px;margin:0 auto 14px}.icon-slot img{width:48px;height:48px}.home-index{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 22px}.home-index a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:999px}.home-index .mini-dot{width:12px;height:12px;border-radius:50%}.home-index a:nth-child(1) .mini-dot{background:#E07070}.home-index a:nth-child(2) .mini-dot{background:#E0B050}.home-index a:nth-child(3) .mini-dot{background:#70C090}.home-index a:nth-child(4) .mini-dot{background:#70A8D8}.home-index a:nth-child(5) .mini-dot{background:#A080D0}.scroll-strip{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.4fr) minmax(180px,.8fr);gap:14px;align-items:stretch}.scroll-strip>div{background:#F4E9D7;border-radius:22px;padding:20px;border:1px solid rgba(42,36,24,.12)}.dual-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-item{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:22px;padding:22px}.fold-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;perspective:1000px}.fold-card{border-radius:22px 4px 4px 22px;padding:24px;transform:rotateY(1deg)}.fold-card+ .fold-card{border-radius:4px 22px 22px 4px;transform:rotateY(-1deg);background:#F4E9D7}.rack-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rack-head{margin-bottom:16px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-grid article{padding:20px;border-radius:22px;border:1px solid rgba(42,36,24,.12);background:#FFF8EE}.period-grid article:nth-child(1){border-top:4px solid #E07070}.period-grid article:nth-child(2){border-top:4px solid #E0B050}.period-grid article:nth-child(3){border-top:4px solid #70C090}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-radius:18px;padding:16px 18px}.status-pill{font-size:13px;font-weight:800;padding:4px 10px;border-radius:999px;background:#F4E9D7}.product-center{text-align:center;max-width:720px;margin:0 auto}.product-center .app-copy{text-align:left;margin-top:18px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guoji-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.guoji-layout .long-note{grid-row:span 2}.guoji-entry{border-left:4px solid #E0B050;background:#FFF8EE;border-radius:0 22px 22px 0;padding:22px}.guochang-roll{display:flex;flex-direction:column;gap:14px}.guochang-roll .scene{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px 22px;border-radius:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}.guochang-roll .scene:nth-child(even){grid-template-columns:1fr 160px;background:#F4E9D7}.guochang-roll .scene:nth-child(even) h2{order:2}.guochang-roll .scene:nth-child(even) div{order:1}.accordion-static{display:grid;gap:14px}.accordion-static section{border-radius:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);padding:22px}.single-flow{max-width:760px;margin:0 auto}.single-flow .step{position:relative;padding:0 0 28px 30px;border-left:2px solid rgba(224,176,80,.50)}.single-flow .step:last-child{border-left-color:transparent}.single-flow .step:before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:#70A8D8}.monthless-period{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:18px}.monthless-period article{border-radius:22px;padding:24px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}.monthless-period article:nth-child(2){transform:translateY(18px);background:#F4E9D7}.timeline-status{display:grid;gap:12px}.timeline-status .status-row{grid-template-columns:150px 1fr auto}.memo-list{display:grid;gap:12px}.memo-item{border-radius:18px;padding:18px;display:grid;grid-template-columns:140px 1fr;gap:18px}.memo-item strong{color:#2A2418}.method-stack{display:grid;gap:18px}.method-block:nth-child(even){margin-left:7%;background:#F4E9D7}.topic-list{display:grid;gap:12px}.topic-row{border-radius:20px;padding:18px 20px;display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center}.center-cards{display:grid;gap:18px;max-width:760px;margin:0 auto}.center-card{text-align:center}.center-card p{text-align:left}.legal-sections{display:grid;gap:16px}.policy-block{border-left:4px solid #A080D0}.help-route{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-list{display:grid;gap:14px}.faq-item h2{font-size:17px}.contact-routes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-routes section{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:22px;padding:22px}.about-flow{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.about-flow .brand-note{background:#FFF8EE;border-radius:22px;padding:24px;border:1px solid rgba(42,36,24,.12)}.about-flow .side-note{background:#F4E9D7;border-radius:22px;padding:24px;border:1px solid rgba(42,36,24,.12)}.site-footer{position:relative;background:#2A2418;color:#F8F1E7;font-size:13px;padding:38px 0 30px}.site-footer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#E07070 0 20%,#E0B050 20% 40%,#70C090 40% 60%,#70A8D8 60% 80%,#A080D0 80% 100%)}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-brand strong{font-size:16px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{color:#F8F1E7;font-size:13px;margin-bottom:8px}.footer-groups a{display:block;min-height:30px;color:#F8F1E7;opacity:.88}.footer-note{max-width:760px;margin-top:24px;color:#F8F1E7;opacity:.8}.footer-copy{margin-bottom:0;color:#F8F1E7;opacity:.7}.overlay{position:fixed;z-index:95;inset:0;background:rgba(42,36,24,.34);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;z-index:110;right:max(16px,calc((100vw - 960px)/2));top:82px;width:300px;max-height:380px;background:#FFF8EE;color:#2A2418;border-radius:22px;border:1px solid rgba(42,36,24,.12);box-shadow:0 12px 28px rgba(42,36,24,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:.2s;overflow:hidden}.site-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.drawer-head{height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,36,24,.12)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-scroll{max-height:322px;overflow:auto;padding:10px 14px 18px}.drawer-scroll section{padding:8px 0;border-bottom:1px solid rgba(42,36,24,.08)}.drawer-scroll h2{font-size:13px;margin:0 0 6px;color:#6A6458}.drawer-scroll a{display:block;padding:7px 0}.drawer-scroll a b{display:block;font-size:14px}.drawer-scroll a span{display:block;font-size:12px;color:#6A6458}.search-panel{position:fixed;z-index:105;top:82px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#FFF8EE;border-radius:22px;border:1px solid rgba(42,36,24,.12);box-shadow:0 12px 28px rgba(42,36,24,.16);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-card label{display:block;font-size:13px;color:#6A6458;margin:6px 0}.search-card input{width:100%;height:44px;border:1px solid rgba(42,36,24,.18);border-radius:14px;background:#F8F1E7;color:#2A2418;padding:0 14px;outline:none}.search-card input:focus{border-color:rgba(224,176,80,.8);box-shadow:0 0 0 3px rgba(224,176,80,.18)}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{background:#F4E9D7;border:1px solid rgba(42,36,24,.12);min-height:38px}.search-empty{font-size:13px;color:#6A6458;margin-top:12px}.mobile-bottom{display:none}.btn:hover,.app-link:hover,.menu-trigger:hover,.home-index a:hover,.search-presets a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(112,168,216,.55);outline-offset:2px}.divider{height:1px;background:rgba(42,36,24,.12);margin:24px 0}.plain-list{padding-left:20px;margin:10px 0 0}.plain-list li{margin-bottom:8px}.callout{border-left:4px solid #70C090;padding:14px 18px;background:#FFF8EE;border-radius:0 18px 18px 0}.two-col-text{columns:2;column-gap:32px}.two-col-text p{break-inside:avoid}.hero-line{max-width:760px}.home-about{background:#EADFCB;border-radius:24px;padding:26px}.mini-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-faq article{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:18px;padding:18px}.page-links{display:flex;gap:10px;flex-wrap:wrap}.page-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid rgba(224,176,80,.50);background:#FFF8EE}
@media(max-width:760px){.top-mini-inner,.brand-bar,.site-main,.footer-inner{width:calc(100% - 32px)}.brand-bar{padding:0}.brand-actions{gap:2px}.app-link{padding:0 12px}.menu-trigger{padding:0 10px}.bead-nav{display:none}.site-main{padding-top:96px;padding-bottom:82px}.scroll-strip,.dual-notes,.fold-pair,.rack-cards,.period-grid,.info-grid,.guoji-layout,.monthless-period,.help-route,.contact-routes,.about-flow{grid-template-columns:1fr}.scroll-strip>div{padding:18px}.guochang-roll .scene,.guochang-roll .scene:nth-child(even){grid-template-columns:1fr}.guochang-roll .scene:nth-child(even) h2,.guochang-roll .scene:nth-child(even) div{order:initial}.monthless-period article:nth-child(2){transform:none}.timeline-status .status-row,.memo-item,.topic-row{grid-template-columns:1fr}.method-block:nth-child(even){margin-left:0}.two-col-text{columns:1}.footer-groups{grid-template-columns:1fr 1fr}.site-drawer{right:6%;width:88%;top:80px;max-height:76vh}.drawer-scroll{max-height:calc(76vh - 58px)}.search-panel{inset:0;width:100%;height:100%;transform:none;background:#2A2418;padding:88px 16px 70px;opacity:0}.search-panel.is-open{opacity:1}.search-card{max-height:calc(100vh - 110px);overflow:auto}.mobile-bottom{position:fixed;z-index:75;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFF8EE;border-top:1px solid rgba(42,36,24,.12)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-current{background:#E0B050;color:#2A2418;font-weight:800}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.horizontal-slot{height:156px}.app-slot{height:300px}.mini-faq{grid-template-columns:1fr}.bead-only{display:none}}
@media(max-width:420px){.top-mini span{max-width:74%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand-actions .app-link{font-size:13px;padding:0 10px}.brand-home{max-width:42%}.brand-fallback{white-space:nowrap}.soft-panel,.content-card,.center-card,.notice-box,.method-block,.policy-block,.faq-item{padding:20px}.footer-groups{grid-template-columns:1fr 1fr;gap:14px}}

/* HUANGGUO AI v2 */
.home-hero{position:relative}.home-hero:before{content:"AI";position:absolute;right:0;top:2px;font-size:72px;line-height:1;font-weight:900;color:rgba(224,176,80,.12);pointer-events:none}.home-hero .lead{font-size:18px;font-weight:700}.page-intro h1{max-width:820px}.status-pill{white-space:nowrap}.topic-row strong,.memo-item strong{font-size:16px}.content-card,.note-item,.fold-card,.center-card{transition:transform .2s ease,box-shadow .2s ease}.content-card:hover,.note-item:hover,.center-card:hover{transform:translateY(-2px)}@media(max-width:760px){.home-hero:before{font-size:48px;top:8px}.home-index{gap:8px}.home-index a{padding:0 12px}}
