*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBF4;color:#2A4632;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000}.vinebar{height:11px;background:#1F8A4C;color:#F4FBF4;font-size:8px;line-height:11px}.vinebar-inner,.platform-inner,.fresh-tabs-inner,.footer-inner,.site-main,.section-shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.vinebar-inner{display:flex;align-items:center;justify-content:space-between;height:11px}.vine-brand{font-weight:700;letter-spacing:.08em}.plain-icon-btn{border:0;background:transparent;color:#F4FBF4;padding:0 2px;height:11px;cursor:pointer;font-size:8px}.platformbar{height:62px;background:#FFFDF5;border-bottom:1px solid rgba(31,138,76,.22)}.platform-inner{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-lockup,.basket-brand,.footer-brand{display:flex;align-items:center;gap:10px}.brand-logo{width:auto;height:28px;max-width:190px;object-fit:contain;object-position:left center}.brand-text{font-size:24px;font-weight:900;color:#0F3D24;letter-spacing:.04em}.platform-actions{display:flex;align-items:center;gap:10px}.primary-btn,.secondary-btn,.text-btn,.close-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer;transition:.2s ease}.primary-btn{background:linear-gradient(135deg,#3CB371 0%,#1F8A4C 56%,#0F3D24 100%);color:#F4FBF4;border:1px solid transparent}.secondary-btn{background:#FFFDF5;color:#0F3D24;border:1px solid rgba(31,138,76,.28)}.compact{min-height:42px;padding:0 15px}.primary-btn:hover,.secondary-btn:hover,.text-btn:hover,.close-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,50,28,.10)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(201,162,39,.55);outline-offset:3px}.fresh-tabs{height:40px;background:#D8EDDC;border-bottom:1px solid rgba(31,138,76,.18)}.fresh-tabs-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:28px}.fresh-tab{position:relative;height:40px;display:flex;align-items:center;color:#5E7A64;font-weight:700}.fresh-tab.is-current{color:#0F3D24}.fresh-tab.is-current:after{content:"";position:absolute;left:50%;bottom:3px;width:30px;height:3px;border-radius:3px;background:#1F8A4C;transform:translateX(-50%)}.site-main{padding-top:145px;padding-bottom:48px;min-height:70vh}.overlay{position:fixed;inset:0;background:rgba(15,61,36,.36);z-index:1100;opacity:0;pointer-events:none;transition:.2s}.overlay.is-active{opacity:1;pointer-events:auto}.menu-basket,.search-panel{position:fixed;z-index:1200;background:#FFFDF5;box-shadow:0 16px 36px rgba(20,50,28,.16);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transition:.2s ease}.menu-basket.is-open,.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.menu-basket{top:73px;left:max(16px,calc((100vw - 1200px)/2 + 16px));width:500px;max-height:calc(100vh - 95px);overflow:auto;border-radius:0 0 14px 14px;border-top:2px solid #1F8A4C}.search-panel{top:73px;right:max(16px,calc((100vw - 1200px)/2 + 16px));width:460px;border-radius:0 0 14px 14px;border-top:2px solid #1F8A4C;padding:18px}.basket-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}.basket-brand strong,.footer-brand strong{display:block;color:#14321C}.basket-brand small,.footer-brand small{display:block;color:#5E7A64;letter-spacing:.08em}.close-btn{background:#E4F3E6;color:#0F3D24;border:1px solid rgba(31,138,76,.22);min-height:44px;padding:0 14px}.basket-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 22px}.basket-grid section{background:#F4FBF4;border:1px solid rgba(31,138,76,.16);border-radius:14px;padding:14px}.basket-grid h2{font-size:15px;margin:0 0 8px;color:#0F3D24}.basket-grid a{display:block;padding:9px 8px;border-radius:10px}.basket-grid a:hover{background:#E4F3E6}.basket-grid strong{display:block;color:#14321C;font-size:14px}.basket-grid span{display:block;color:#5E7A64;font-size:12px;line-height:1.55;margin-top:2px}.search-head{padding:0 0 14px}.search-head small{color:#1F8A4C;font-weight:800}.search-head h2{margin:2px 0 0;color:#14321C;font-size:22px}.search-look{display:block;background:#F4FBF4;border:1px solid rgba(31,138,76,.22);border-radius:12px;padding:10px}.search-look span{font-size:12px;color:#5E7A64}.search-look input{width:100%;height:44px;border:0;background:transparent;color:#14321C;outline:0}.preset-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.preset-links a{display:flex;align-items:center;min-height:44px;padding:0 12px;background:#E4F3E6;border-radius:10px;color:#0F3D24;font-weight:700}.modal-open{overflow:hidden}.hero-note{display:block;background:#D8EDDC;border:1px solid rgba(31,138,76,.20);border-radius:12px;padding:12px 16px;color:#0F3D24;font-weight:800;margin-bottom:18px}.page-hero{background:#FFF;border:1px solid rgba(31,138,76,.18);border-radius:16px;padding:26px;box-shadow:0 16px 36px rgba(20,50,28,.08);margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1F8A4C;font-size:13px;font-weight:900;letter-spacing:.06em}.eyebrow:before{content:"";width:18px;height:3px;border-radius:3px;background:#C9A227}.page-hero h1,.feature-copy h1{font-size:clamp(28px,4vw,32px);line-height:1.25;margin:10px 0 12px;color:#14321C}.page-hero p{margin:0;max-width:850px}.content-section{margin:22px 0;padding:24px;background:#FFF;border:1px solid rgba(31,138,76,.16);border-radius:16px}.content-section.alt{background:#E4F3E6}.content-section h2{font-size:22px;line-height:1.35;margin:0 0 12px;color:#14321C}.content-section h3{font-size:18px;margin:18px 0 8px;color:#0F3D24}.content-section p{margin:0 0 12px}.content-section p:last-child{margin-bottom:0}.section-kicker{font-size:13px;color:#1F8A4C;font-weight:800;margin-bottom:6px}.two-col,.three-col,.four-col{display:grid;gap:18px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.mini-card,.status-card,.rank-card,.topic-card,.faq-item{background:#FFF;border:1px solid rgba(31,138,76,.16);border-radius:14px;overflow:hidden}.feature-card{padding:18px}.feature-media,.wide-media,.compact-media,.app-media{display:flex;align-items:center;justify-content:center;background:#EFF8F0;border-radius:12px;overflow:hidden;border:1px solid rgba(31,138,76,.10)}.feature-media{height:170px}.feature-media img{width:100%;height:100%;object-fit:contain;object-position:center}.wide-media{max-height:240px;min-height:180px;padding:6px}.wide-media img{width:100%;max-height:228px;object-fit:contain}.compact-media{height:155px}.compact-media img{width:100%;height:100%;object-fit:contain}.feature-card h2,.mini-card h3{color:#14321C;margin:14px 0 8px}.feature-card h2{font-size:21px}.feature-card p,.mini-card p{margin:0}.center-feature{text-align:center;padding:24px;background:#FFF;border:1px solid rgba(31,138,76,.16);border-radius:16px}.center-feature .wide-media{margin:0 auto 18px}.center-feature .section-kicker{margin-top:4px}.center-feature h2{font-size:28px;margin:5px 0 10px;color:#14321C}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.text-btn{background:#FFFDF5;color:#0F3D24;border:1px solid rgba(31,138,76,.30)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2{margin:0;color:#14321C;font-size:24px}.section-head p{margin:0;color:#5E7A64}.mini-card{padding:16px}.mini-card .compact-media{margin:-4px -4px 12px}.mini-card h3{font-size:19px}.feature-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:center}.feature-row.reverse{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.feature-copy{padding:4px}.feature-copy h2{font-size:25px;color:#14321C;margin:8px 0 10px}.feature-copy p{margin:0 0 10px}.feature-image-box{display:flex;align-items:center;justify-content:center;min-height:190px;max-height:260px;background:#EFF8F0;border-radius:14px;padding:8px;border:1px solid rgba(31,138,76,.12)}.feature-image-box img{width:100%;max-height:244px;object-fit:contain;object-position:center}.status-card{padding:18px;min-height:155px}.status-card strong{display:block;color:#0F3D24;font-size:19px;margin-bottom:7px}.status-card span{display:inline-block;color:#7A6110;background:#FFF8D9;border:1px solid rgba(201,162,39,.36);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800;margin-bottom:9px}.rank-list{display:grid;gap:12px;counter-reset:rank}.rank-card{padding:16px 18px;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}.rank-card:before{counter-increment:rank;content:counter(rank,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#E4F3E6;color:#0F3D24;font-weight:900}.rank-card h3{margin:0 0 5px;color:#14321C}.rank-card p{margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.tag-row span,.tag-row a{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;background:#E4F3E6;color:#0F3D24;border:1px solid rgba(31,138,76,.16);font-size:14px;font-weight:700}.article-long p{margin-bottom:16px}.article-long .lead{font-size:18px;color:#14321C}.article-long blockquote{margin:18px 0;padding:14px 18px;background:#E4F3E6;border-left:4px solid #1F8A4C;border-radius:0 12px 12px 0;color:#14321C}.toc{padding:18px;background:#E4F3E6;border-radius:14px}.toc a{display:block;padding:8px 0;color:#0F3D24;border-bottom:1px dashed rgba(31,138,76,.2)}.toc a:last-child{border-bottom:0}.faq-list{display:grid;gap:12px}.faq-item{padding:18px}.faq-item h2{font-size:18px;margin:0 0 8px;color:#14321C}.faq-item p{margin:0}.app-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center}.app-media{min-height:320px;max-height:420px;padding:10px}.app-media img{max-height:400px;width:100%;object-fit:contain}.icon-chip{display:flex;align-items:center;gap:12px;margin-bottom:14px}.icon-chip img{width:64px;height:64px;object-fit:contain;border-radius:14px}.notice-box{background:#FFF8D9;border:1px solid rgba(201,162,39,.36);color:#5B4A13;padding:14px 16px;border-radius:12px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card{background:#FFF;border:1px solid rgba(31,138,76,.16);border-radius:14px;padding:18px}.contact-card h2{font-size:19px;margin:0 0 8px;color:#14321C}.site-footer{background:#0F3D24;color:#E4F3E6;padding:38px 0 calc(38px + env(safe-area-inset-bottom))}.footer-brand-row{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:22px;border-bottom:1px solid rgba(228,243,230,.18)}.footer-brand strong{color:#F4FBF4}.footer-brand small{color:#A7D7B3}.footer-logo{filter:none}.footer-brand-row p{margin:0;color:#BFD8C5}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px 0}.footer-grid h2{font-size:14px;margin:0 0 9px;color:#A7D7B3}.footer-grid a{display:block;padding:5px 0;color:#E4F3E6}.footer-grid a:hover{color:#FFF}.footer-note{border-top:1px solid rgba(228,243,230,.18);padding-top:18px;color:#BFD8C5;font-size:14px}.footer-note p{margin:0 0 8px}.mobile-bottom-nav{display:none}.spacer-slot{display:flex;align-items:center;justify-content:center;background:#E4F3E6;border:1px solid rgba(31,138,76,.12);border-radius:12px;min-height:150px;color:#5E7A64}.timeline{display:grid;gap:16px}.timeline-item{position:relative;padding:0 0 0 28px}.timeline-item:before{content:"";position:absolute;left:4px;top:9px;width:11px;height:11px;border-radius:50%;background:#1F8A4C;box-shadow:0 0 0 5px #D8EDDC}.timeline-item:after{content:"";position:absolute;left:9px;top:22px;bottom:-12px;width:2px;background:#D8EDDC}.timeline-item:last-child:after{display:none}.timeline-item h3{margin:0 0 5px;color:#14321C}.timeline-item p{margin:0}.legal-list{margin:0;padding-left:20px}.legal-list li{margin:8px 0}.small-muted{font-size:13px;color:#5E7A64}.quote-mark{color:#C9A227;font-weight:900}.home-section{margin:24px 0}.home-section.with-bg{background:#E4F3E6;border-radius:16px;padding:22px;border:1px solid rgba(31,138,76,.12)}
@media (max-width:900px){.three-col{grid-template-columns:1fr 1fr}.four-col{grid-template-columns:1fr 1fr}.feature-row,.feature-row.reverse,.app-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu-basket{left:16px}.search-panel{right:16px}}
@media (max-width:700px){.vinebar{height:11px}.platformbar{height:62px}.fresh-tabs{display:none}.site-main{padding-top:91px;padding-bottom:78px}.platform-inner,.vinebar-inner,.site-main,.footer-inner{width:min(100% - 32px,1200px)}.platform-actions{gap:6px}.compact{padding:0 11px;min-height:44px}.brand-logo{height:25px;max-width:148px}.brand-text{font-size:21px}.menu-basket{top:73px;left:16px;right:16px;width:auto;height:60vh;max-height:60vh;border-radius:0 0 14px 14px}.basket-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 18px}.basket-head{padding:14px}.basket-grid section{padding:10px}.basket-grid a{padding:8px 6px}.search-panel{top:73px;left:16px;right:16px;width:auto}.page-hero{padding:20px}.two-col,.three-col,.four-col,.contact-grid{grid-template-columns:1fr}.feature-media{height:160px}.compact-media{height:145px}.section-head{align-items:flex-start;flex-direction:column}.footer-brand-row{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;z-index:1050;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFFDF5;border-top:1px solid rgba(31,138,76,.22);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;min-width:0;height:50px;color:#35583F;font-size:13px;font-weight:800}.mobile-bottom-nav a.is-current{background:#1F8A4C;color:#F4FBF4}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.overlay{z-index:1100}.menu-basket,.search-panel{z-index:1200}.feature-card{padding:14px}.content-section{padding:18px}.center-feature{padding:18px}.center-feature h2{font-size:24px}.app-media{min-height:280px}}
@media (max-width:420px){.brand-logo{max-width:125px}.brand-text{font-size:19px}.platform-actions .secondary-btn,.platform-actions .primary-btn{font-size:13px;padding:0 9px}.basket-grid{grid-template-columns:1fr}.menu-basket{height:67vh;max-height:67vh}.footer-grid{grid-template-columns:1fr}.preset-links{grid-template-columns:1fr}.page-hero h1{font-size:28px}}