.h5-root{--h5-primary:#2f6b4f;--h5-primary-strong:#25573f;--h5-primary-soft:#eaf3ee;--h5-accent:#c07a3e;--h5-accent-soft:#f9f0e6;--h5-text:#1f2a24;--h5-text-2:#5a6b61;--h5-text-3:#93a29a;--h5-border:#dee6e1;--h5-bg:#f6f8f6;--h5-card:#fff;--h5-shadow-card:0 1px 3px #1f2a240f;--h5-radius-sm:6px;--h5-radius-md:10px;--h5-radius-lg:14px;background:var(--h5-bg);min-height:100svh;color:var(--h5-text);font-family:-apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}.h5-root *,.h5-root :before,.h5-root :after{box-sizing:border-box}.h5-page{background:var(--h5-bg);max-width:480px;min-height:100svh;margin:0 auto}.h5-main{min-height:100svh;padding:max(12px, env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.h5-main--with-nav{min-height:auto;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.h5-toprow{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:20px;display:flex}.h5-brand{color:var(--h5-primary);letter-spacing:.08em;font-size:17px;font-weight:700}.h5-backlink{min-height:44px;color:var(--h5-text-2);align-items:center;gap:4px;font-size:14px;text-decoration:none;display:inline-flex}.h5-right-label{color:var(--h5-text-3);font-size:12px}.h5-card{border:1px solid var(--h5-border);border-radius:var(--h5-radius-lg);background:var(--h5-card);box-shadow:var(--h5-shadow-card)}.h5-btn{border-radius:var(--h5-radius-md);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 16px;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.h5-btn-primary{background:var(--h5-primary);color:#fff}.h5-btn-primary:active{background:var(--h5-primary-strong)}.h5-btn-outline{border-color:var(--h5-primary);color:var(--h5-primary);background:0 0}.h5-btn:disabled{cursor:default;opacity:.42}.h5-bottomnav{z-index:10;border-top:1px solid var(--h5-border);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.h5-bottomnav-inner{max-width:480px;min-height:56px;margin:0 auto;display:flex}.h5-bottomnav-item{min-height:56px;color:var(--h5-text-3);flex:1;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.h5-bottomnav-item--active{color:var(--h5-primary);font-weight:600}@media (width>=481px){.h5-root{padding:16px 0}.h5-page{border:1px solid var(--h5-border);border-radius:20px;min-height:calc(100svh - 32px);overflow:hidden}.h5-bottomnav{width:480px;position:absolute;left:auto;right:auto}}@media (prefers-reduced-motion:reduce){.h5-root *{scroll-behavior:auto!important;transition-duration:.01ms!important}}