:root{--bg:#f8f6f1;--surface:#fff;--surface-soft:#f0ede7;--surface-cool:#edf3f5;--surface-green:#eef5ed;--ink:#202328;--ink-2:#424850;--ink-3:#747b83;--line:#e4ded6;--line-strong:#d4c9bc;--brand:#b8442d;--brand-deep:#943320;--brand-soft:#f6e7df;--blue:#345f77;--blue-soft:#e6f0f4;--green:#3d6943;--green-soft:#e6f0e4;--gold:#b89b4b;--radius:8px;--shadow:0 18px 44px #2023281a;--maxw:1280px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100vh}body{background:var(--bg);margin:0}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-color:#b8442d52}button{cursor:pointer}.app{min-height:100vh}.wrap{width:min(var(--maxw), calc(100vw - 64px));margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);background:#ffffffe0;display:block;position:sticky;top:0}.site-header-top{width:min(var(--maxw), calc(100vw - 64px));justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin:0 auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.brand-logo{object-fit:contain;width:34px;height:34px}.brand-text{color:var(--ink);letter-spacing:0;font-size:20px;font-weight:900}.site-nav{width:100%;min-height:48px;padding:0 max(32px, calc((100vw - var(--maxw)) / 2));background:var(--brand);scrollbar-width:none;border-top:0;justify-content:flex-start;align-items:center;gap:8px;margin:0;display:flex}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:#ffffffd1;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.site-nav a:hover,.site-nav a.active{color:#fff;background:#ffffff29}.global-search-trigger,.search-submit{width:42px;height:42px;min-height:42px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.global-search-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:24px;height:24px}.global-search-trigger:hover{background:var(--surface-soft);color:var(--brand)}.search-submit{background:var(--ink);color:#fff;border-radius:8px;width:auto;min-width:112px;padding:0 20px;font-weight:900}.search-submit:hover{background:var(--brand)}.search-overlay{z-index:200;padding:56px max(24px, calc((100vw - var(--maxw)) / 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14181d8a;position:fixed;inset:0;overflow:auto}.search-panel{background:linear-gradient(110deg,#f8f6f1f7,#f8f6f1db),url(/public-assets/hero-architecture.jpg) 50%/cover no-repeat;border:1px solid #ffffffbd;border-radius:24px;grid-template-rows:auto auto minmax(0,1fr);gap:28px;min-height:calc(100vh - 112px);padding:42px;display:grid;box-shadow:0 32px 90px #00000038}.search-panel-head{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.search-panel-head h2{color:var(--ink);margin:0 0 10px;font-size:44px;line-height:1.12}.search-panel-head span{color:var(--ink-2);line-height:1.7}.certification-overview-section{background:var(--surface)}.certification-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.certification-metric-grid article,.certification-flow article,.qr-scenario-card,.mall-preview-card,.mall-item-card,.service-record-card,.integration-step{border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 32px #20232812}.certification-metric-grid article{padding:22px}.certification-metric-grid span,.mall-preview-card span,.service-record-card span,.mall-item-badge{color:var(--brand);font-size:13px;font-weight:900}.certification-metric-grid strong{color:var(--ink);margin:10px 0;font-size:42px;line-height:1;display:block}.certification-metric-grid p,.section-copy,.mall-preview-card p,.service-record-card p,.mall-item-card p{color:var(--ink-2);line-height:1.7}.certification-flow-grid,.qr-scenario-grid,.integration-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:stretch;gap:28px;display:grid}.certification-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.certification-flow article{background:linear-gradient(145deg, #fff, var(--surface-cool));flex-direction:column;justify-content:space-between;min-height:124px;padding:18px;display:flex}.certification-flow b{color:var(--gold);font-size:20px}.certification-flow span{color:var(--ink);font-size:18px;font-weight:900}.qr-scenario-section{background:var(--ink)}.qr-scenario-card{color:#fff;box-shadow:none;background:0 0;padding:30px}.qr-scenario-card span{color:var(--gold);font-weight:900}.qr-scenario-card h2{margin:12px 0;font-size:34px;line-height:1.18}.qr-scenario-card p{color:#ffffffb8;line-height:1.8}.qr-phone-mock{width:min(320px,100%);color:var(--ink);background:#f8f6f1;border-radius:28px;justify-self:center;padding:24px;box-shadow:0 28px 90px #00000057}.phone-bar{background:var(--line-strong);border-radius:99px;width:88px;height:5px;margin:0 auto 24px}.qr-phone-mock strong,.qr-phone-mock span,.qr-phone-mock p{text-align:center;display:block}.qr-phone-mock strong{font-size:22px}.qr-phone-mock span{color:var(--ink-2);margin-top:8px}.mock-qr-grid{background:linear-gradient(90deg, var(--green) 12px, transparent 12px) 0 0 / 24px 24px, linear-gradient(var(--green) 12px, transparent 12px) 0 0 / 24px 24px, var(--surface-cool);border:12px solid #fff;border-radius:12px;width:156px;height:156px;margin:24px auto}.mall-preview-grid,.mall-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mall-preview-card,.mall-item-card{overflow:hidden}.mall-preview-card img,.mall-item-card img,.mall-item-placeholder{aspect-ratio:16/10;object-fit:cover;background:var(--surface-cool);width:100%;display:block}.mall-preview-card div,.mall-item-card div{padding:18px}.mall-preview-card strong,.mall-item-card h2{color:var(--ink);margin:8px 0;font-size:20px;line-height:1.25;display:block}.mall-preview-card small{color:var(--ink-3)}.mall-item-card dl,.service-record-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.mall-item-card dt,.service-record-card dt{color:var(--ink-3);font-size:12px}.mall-item-card dd,.service-record-card dd{color:var(--ink);margin:4px 0 0;font-weight:900}.service-record-list{gap:14px;display:grid}.service-record-card{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.service-record-card strong{margin-top:6px;font-size:18px;display:block}.service-record-card a{color:var(--green);font-weight:900}.endpoint-code,.payload-sample{border-radius:var(--radius);background:var(--ink);color:#fff;width:100%;display:block;overflow:auto}.endpoint-code{margin:14px 0;padding:14px 16px}.payload-sample{padding:18px;line-height:1.6}.integration-flow-card{gap:12px;display:grid}.integration-step{box-shadow:none;background:var(--surface-cool);align-items:center;gap:14px;padding:16px;display:flex}.integration-step b{color:var(--brand)}.search-close{width:42px;height:42px;min-height:42px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:28px;height:28px}.search-close:hover{color:var(--brand)}.search-form{background:#ffffffb8;border:1px solid #e4ded6cc;border-radius:16px;gap:16px;padding:18px;display:grid}.search-mode{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;width:max-content;max-width:100%;padding:4px;display:inline-flex}.search-mode button{min-height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:0 16px;font-weight:900}.search-mode button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #20232814}.search-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) auto;align-items:end;gap:12px;display:grid}.search-keyword-field{min-width:min(360px,100%)}.search-submit{white-space:nowrap;min-height:44px}.search-results{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;display:grid}.search-result-card{background:#ffffffc7;border:1px solid #e4ded6e6;border-radius:12px;gap:8px;padding:18px;transition:transform .18s,box-shadow .18s;display:grid}.search-result-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.search-result-card span{color:var(--brand);font-size:12px;font-weight:900}.search-result-card strong{color:var(--ink);font-size:18px;line-height:1.35}.search-result-card p,.search-result-card small{color:var(--ink-2);margin:0;line-height:1.6}.public-hero{background:linear-gradient(90deg, #f8f6f1f5 0%, #f8f6f1e6 46%, #f8f6f19e 100%), url(/public-assets/hero-architecture.jpg) center / cover no-repeat, var(--bg);padding:78px 0 64px;position:relative;overflow:hidden}.hero-wrap{position:relative}.hero-main{z-index:1;max-width:760px;position:relative}.hero-main h1{max-width:830px;color:var(--ink);margin:10px 0 18px;font-size:64px;font-weight:900;line-height:1.05}.hero-main h1 em{color:var(--brand);font-style:normal;position:relative}.hero-main h1 em:after{content:"";z-index:-1;background:#b8442d24;height:8px;position:absolute;bottom:1px;left:0;right:0}.hero-main p{max-width:680px;color:var(--ink-2);margin:0;font-size:17px;line-height:1.75}.hero-cards{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:58px;display:grid;position:relative}.intro-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-rows:170px 1fr auto;min-height:410px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;overflow:hidden;box-shadow:0 1px 2px #2023280a}.intro-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-3px)}.intro-card>img{object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:170px}.intro-card>div:not(.intro-actions){padding:24px 28px 0}.intro-card span,.match-card>div>span,.section-head span{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.provider-card span{color:var(--blue)}.intro-card h2{color:var(--ink);margin:12px 0 8px;font-size:30px;line-height:1.18}.intro-card p,.intro-card li{color:var(--ink-2);line-height:1.65}.intro-card p{margin:0 0 14px}.intro-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.intro-card li{grid-template-columns:18px 1fr;gap:8px;font-size:14px;display:grid}.intro-card li:before{content:"✓";color:var(--brand);font-weight:900}.provider-card li:before{color:var(--blue)}.intro-actions{justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 26px;display:flex}.intro-actions a{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex}.intro-card:hover .intro-actions a{background:var(--brand)}.provider-card:hover .intro-actions a{background:var(--blue)}.intro-actions strong{text-align:right;color:var(--ink);font-size:28px;line-height:1;display:grid}.intro-actions small{color:var(--ink-3);margin-top:6px;font-size:12px;font-weight:700}.public-section{padding:94px 0}.match-section,.showcase-public,.brand-wall-section{background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:52px;display:flex}.section-head h2{color:var(--ink);margin:10px 0 0;font-size:42px;line-height:1.16}.section-head p{max-width:760px;color:var(--ink-2);text-align:left;margin:0;line-height:1.72}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.match-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-content:space-between;gap:20px;min-height:320px;padding:26px;display:grid}.supplier-match{background:#f7fbfc}.match-card h2{margin:12px 0 8px;font-size:30px;line-height:1.2}.match-card p{color:var(--ink-2);margin:0;line-height:1.65}.match-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{gap:8px;display:grid}label span,.wide-field>span{color:var(--ink-3);font-size:13px;font-weight:800}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:124px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b8442d1f}.match-card button,.filter-bar button,.form-actions button:not(.secondary),.console-actions button,.console-actions a:first-child{background:var(--brand);color:#fff;border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:900}.supplier-match button{background:var(--blue)}.flow-grid{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.flow-card{border-right:1px solid var(--line);min-height:250px;padding:28px}.flow-card:last-child{border-right:0}.flow-card div{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:8px;place-items:center;margin-bottom:18px;font-size:18px;font-weight:900;display:grid}.flow-card span{color:var(--ink-3);font-size:12px;font-weight:900}.flow-card h3{color:var(--ink);margin:12px 0 8px;font-size:20px}.flow-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.65}.value-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:58px;display:grid}.value-grid article{border-right:1px solid var(--line);padding:30px 28px 30px 0}.value-grid article+article{padding-left:28px}.value-grid article:last-child{border-right:0;padding-right:0}.value-grid strong{color:var(--ink);align-items:flex-start;gap:8px;font-size:64px;font-weight:900;line-height:.95;display:inline-flex}.value-grid strong sup{color:var(--brand);font-size:22px;font-weight:900;line-height:1;position:relative;top:7px}.value-grid h3{margin:26px 0 10px;font-size:20px;font-weight:900}.value-grid p{color:var(--ink-2);margin:0;line-height:1.65}.capability-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:52px;display:grid}.capability-strip article{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.capability-strip img{object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:160px;display:block}.capability-strip article>div{padding:24px}.capability-strip h3{margin:0 0 8px;font-size:22px}.capability-strip p{color:var(--ink-2);margin:0 0 16px;line-height:1.65}.capability-strip article div div{flex-wrap:wrap;gap:8px;display:flex}.capability-strip span{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-2);border-radius:6px;padding:7px 12px;font-size:13px;font-weight:700}.showcase-tabs{width:min(var(--maxw), calc(100vw - 64px));border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:10px;gap:4px;max-width:100%;margin-bottom:28px;padding:4px;display:flex}.showcase-tabs button{min-height:40px;color:var(--ink-3);background:0 0;border:0;border-radius:7px;padding:0 16px;font-weight:800}.showcase-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #20232814}.showcase-tabs span{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;display:inline-flex}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.public-showcase-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.public-showcase-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.showcase-cover{border-bottom:1px solid var(--line);background:var(--surface-soft);height:180px;position:relative;overflow:hidden}.showcase-cover img{object-fit:cover;width:100%;height:100%}.showcase-cover span,.showcase-cover b{border-radius:4px;align-items:center;min-height:26px;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:14px}.showcase-cover span{color:var(--ink-2);background:#ffffffe6;left:14px}.showcase-cover b{background:var(--ink);color:#fff;right:14px}.showcase-body{padding:20px}.showcase-body h3{color:var(--ink);margin:0 0 6px;font-size:18px;line-height:1.35}.showcase-body p{min-height:46px;color:var(--ink-3);margin:0;font-size:13px;line-height:1.65}.showcase-metrics{border-top:1px dashed var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:16px;display:grid}.showcase-metrics strong,.showcase-metrics span{display:block}.showcase-metrics strong{color:var(--ink);font-size:16px}.showcase-metrics span{color:var(--ink-3);font-size:11px}.showcase-foot{border:1px dashed var(--line-strong);background:var(--surface);color:var(--ink-2);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:34px;padding:22px 24px;display:flex}.showcase-foot div{flex-wrap:wrap;gap:10px;display:flex}.showcase-foot a{border:1px solid var(--line-strong);border-radius:7px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.showcase-foot a:last-child{background:var(--brand);color:#fff;border-color:#0000}.big-cta{color:#fff;background:linear-gradient(135deg,#15191d 0%,#1e282d 58%,#111417 100%);padding:92px 0;position:relative;overflow:hidden}.big-cta-grid{grid-template-columns:minmax(0,1.1fr) 430px;align-items:center;gap:70px;display:grid}.big-cta h2{color:#fff;max-width:760px;margin:0;font-size:54px;line-height:1.12}.big-cta h2 em{color:#ef9a7e;font-style:normal}.big-cta p{color:#ffffffbd;max-width:580px;margin:20px 0 0;font-size:17px;line-height:1.72}.big-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.big-actions a{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:900;display:inline-flex}.big-actions a:last-child{background:#ffffff0f;border:1px solid #ffffff47}.cta-data{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:28px}.cta-data div{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:18px;padding:14px 0;display:flex}.cta-data div:last-child{border-bottom:0}.cta-data span{color:#ffffffa3}.cta-data strong{color:#fff;font-size:18px}.site-footer{color:#ffffffad;background:#111418}.footer-inner{width:min(var(--maxw), calc(100vw - 64px));grid-template-columns:1.2fr .8fr 1fr;gap:34px;margin:0 auto;padding:44px 0;display:grid}.footer-code{align-items:flex-start;gap:18px;display:flex}.footer-qr{background:#fff;border-radius:12px;flex-shrink:0;width:124px;height:124px}.footer-code strong,.footer-links strong,.footer-records strong{color:#fff;margin-bottom:10px;display:block}.footer-code span,.footer-records span,.footer-links a{color:#ffffffa8;line-height:1.75;display:block}.footer-links a:hover{color:#fff}.home-shell,.join-shell,.detail-shell{width:min(var(--maxw), calc(100vw - 64px));margin:0 auto;padding:34px 0 72px}.page-shell{width:100%;min-height:calc(100vh - 112px);margin:0;padding:76px 0 88px}.page-shell>.page-intro,.page-shell>.showcase-tabs,.page-shell>.fallback-note,.page-shell>.filter-bar,.page-shell>.supplier-grid,.page-shell>.content-list,.page-shell>.content-grid,.page-shell>.certification-grid,.page-shell>.about-grid,.page-shell>.map-panel,.page-shell>.volunteer-grid,.page-shell>.status-panel,.page-shell>.success-panel{width:min(var(--maxw), calc(100vw - 64px));margin-left:auto;margin-right:auto}.page-shell.article-page{width:min(900px,100vw - 48px);margin:0 auto}.page-intro{padding:0 0 24px}.page-intro h1,.success-panel h1{width:fit-content;max-width:100%;color:var(--ink);margin:0 0 12px;font-size:42px;line-height:1.12}.page-intro p:not(.eyebrow),.success-panel p{max-width:720px;color:var(--ink-2);margin:0;line-height:1.75}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.filter-bar{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(180px,1.5fr) repeat(7,minmax(112px,1fr)) 96px;gap:10px;margin-bottom:18px;padding:14px;display:grid}.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.supplier-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;min-height:292px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.supplier-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card-head,.staff-card{align-items:flex-start;gap:12px;display:flex}.supplier-avatar,.staff-avatar,.asset-mark{background:var(--brand-soft);color:var(--brand-deep);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.supplier-avatar{border-radius:12px;width:56px;height:56px;font-size:24px}.card-head strong,.staff-card strong,.asset-card strong,.service-card strong,.review-card strong{color:var(--ink);font-size:17px;line-height:1.35;display:block}.card-head span,.staff-card span,.asset-card span,.service-card span{color:var(--ink-3);margin-top:5px;font-size:13px;display:block}.supplier-card p{color:var(--ink-2);flex:1;margin:0;line-height:1.65}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{background:var(--surface-soft);min-height:28px;color:var(--ink-3);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.tag-row .tag-ok{color:var(--green);background:var(--green-soft)}.tag-row .tag-warn{color:#996c22;background:#fff4db}.card-metrics,.trust-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.card-metrics span,.trust-summary div{background:var(--surface-soft);min-height:64px;color:var(--ink-3);border-radius:8px;padding:10px;font-size:12px;font-weight:700}.card-metrics b,.trust-summary strong{color:var(--ink);font-size:18px;display:block}.section-title{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px;display:flex}.section-title h2{margin:0;font-size:24px}.section-title a,.section-title span{color:var(--brand);font-weight:800}.detail-hero{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) minmax(220px,280px);align-items:center;gap:18px;padding:24px;display:grid}.detail-hero h1{margin:0 0 8px;font-size:36px}.detail-hero p:not(.eyebrow){color:var(--ink-2);line-height:1.6}.rating-panel{background:var(--green);color:#e9ffe6;border-radius:12px;padding:18px}.rating-panel strong,.rating-panel span{display:block}.rating-panel strong{font-size:24px}.rating-panel span{color:#e9ffe6d1;margin-top:8px}.detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px;display:grid}.surface-section,.trust-wall,.qr-panel,.aside-note,.join-form,.success-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px}.surface-section,.trust-wall{margin-bottom:16px;padding:20px}.surface-section .section-title,.trust-wall .section-title{margin-top:0}.factor-list{gap:12px;margin-top:18px;display:grid}.factor-row{color:var(--ink-3);grid-template-columns:92px minmax(0,1fr) 38px;align-items:center;gap:12px;font-size:13px;font-weight:800;display:grid}.factor-row div{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.factor-row i{border-radius:inherit;background:var(--brand);height:100%;display:block}.asset-list,.service-list,.review-list{gap:12px;display:grid}.asset-card,.service-card,.review-card,.staff-card,.review-box{background:var(--surface-soft);border-radius:10px;padding:14px}.asset-card{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;display:grid}.asset-card span{grid-column:2}.asset-mark{border-radius:8px;grid-row:span 2;width:40px;height:40px}.staff-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.staff-avatar{border-radius:10px;width:44px;height:44px;overflow:hidden}.staff-avatar img{object-fit:cover;width:100%;height:100%}.staff-card p,.service-card p,.review-card p,.review-box p{color:var(--ink-2);margin:8px 0 0;line-height:1.65}.service-card b{color:var(--green);margin-top:10px;display:inline-block}.review-card span{color:var(--brand);margin-top:6px;display:block}.detail-aside{flex-direction:column;gap:16px;display:flex}.qr-panel,.aside-note{padding:18px}.qr-panel{text-align:center;flex-direction:column;align-items:center;display:flex;position:sticky;top:94px}.qr-panel img{border:1px solid var(--line);background:#fff;border-radius:8px;width:176px;height:212px}.qr-panel strong,.aside-note strong{color:var(--ink);margin-top:14px;display:block}.qr-panel span,.aside-note p{color:var(--ink-2);margin:8px 0 0;line-height:1.7}.join-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.join-choice-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:330px;padding:28px;display:flex}.join-choice-card span{color:var(--brand);letter-spacing:.12em;font-size:12px;font-weight:900}.join-choice-card h2{margin:12px 0 10px;font-size:28px}.join-choice-card p{color:var(--ink-2);margin:0;line-height:1.7}.join-choice-card b{background:var(--ink);color:#fff;border-radius:8px;align-items:center;width:max-content;max-width:100%;min-height:44px;margin-top:28px;padding:0 16px;display:inline-flex}.image-choice{isolation:isolate;color:#fff;background:#182129;border-color:#ffffff8c;min-height:360px;position:relative;overflow:hidden;box-shadow:0 22px 52px #161c212e}.image-choice:before,.image-choice:after{content:"";position:absolute;inset:0}.image-choice:before{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .24s;transform:scale(1.02)}.image-choice:after{z-index:1;background:linear-gradient(#0d121714,#0d121757 46%,#0d1217d1),linear-gradient(90deg,#0d12176b,#0d121714)}.image-choice:hover:before{transform:scale(1.06)}.image-choice>*{z-index:2;position:relative}.image-choice span,.image-choice h2,.image-choice p{color:#fff}.image-choice span{letter-spacing:.12em}.image-choice h2{max-width:320px;font-size:30px;line-height:1.18}.image-choice p{color:#ffffffc7;max-width:320px}.image-choice b{color:var(--ink);background:#ffffffeb}.base-card-bg:before{background-image:url(/public-assets/card-training-base.jpg)}.supplier-card-bg:before{background-image:url(/public-assets/card-service-whitelist.jpg)}.volunteer-card-bg:before{background-image:url(/public-assets/card-volunteer-home.jpg)}.rescue-card-bg:before{background-image:url(/public-assets/card-rescue-team.jpg)}.base-choice{background:#fff7f2}.supplier-choice{background:var(--surface-cool)}.rescue-choice{background:#fff5ee}.join-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.stepper{background:var(--surface-soft);border-radius:12px;margin:0;padding:12px;list-style:none}.stepper li{color:var(--ink-3);border-radius:8px;padding:14px;font-weight:800}.stepper li.active{background:var(--surface);color:var(--brand)}.stepper li.done{color:var(--ink)}.join-form{padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wide-field{grid-column:1/-1}.segmented,.scope-picker,.console-actions,.form-actions{flex-wrap:wrap;gap:8px;display:flex}.segmented button,.scope-picker button{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--ink-2);border-radius:999px;padding:0 14px;font-weight:800}.segmented button.active,.scope-picker button.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.form-error{color:#9c2f24;background:#fff0ee;border-radius:8px;margin:16px 0 0;padding:12px 14px;font-weight:800}.form-actions{justify-content:flex-end;margin-top:20px}.form-actions .secondary,.link-button,.console-actions a{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:900;display:inline-flex}.success-shell{justify-content:center;display:flex}.success-panel{width:min(720px,100%);padding:30px}.success-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.success-panel dt{color:var(--ink-3);font-size:13px;font-weight:800}.success-panel dd{margin:6px 0 0;font-weight:900}.status-panel{border:1px dashed var(--line-strong);background:var(--surface);min-height:160px;color:var(--ink-2);border-radius:12px;flex-direction:column;justify-content:center;gap:8px;padding:22px;display:flex}.status-panel strong{color:var(--ink);font-size:18px}.status-panel.compact{background:var(--surface-soft);min-height:108px}.supplier-card.skeleton{background:linear-gradient(90deg, transparent, #ffffffbf, transparent), var(--surface-soft);background-size:220px 100%,100% 100%;min-height:292px;animation:1.2s infinite sweep}@keyframes sweep{0%{background-position:-220px 0,0 0}to{background-position:calc(100% + 220px) 0,0 0}}@media (width<=1120px){.site-header-top{width:min(100vw - 48px, var(--maxw))}.site-nav{width:100%;padding:0 24px}.big-cta-grid,.detail-grid,.join-layout,.footer-inner,.flow-grid,.value-grid,.capability-strip{grid-template-columns:1fr}.flow-card,.value-grid article{border-right:0;border-bottom:1px solid var(--line)}.flow-card:last-child,.value-grid article:last-child{border-bottom:0}.value-grid article,.value-grid article+article{padding:24px 0}.detail-aside{order:-1}.qr-panel{position:static}.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.wrap,.footer-inner,.home-shell,.join-shell,.detail-shell,.page-shell>.page-intro,.page-shell>.showcase-tabs,.page-shell>.fallback-note,.page-shell>.filter-bar,.page-shell>.supplier-grid,.page-shell>.content-list,.page-shell>.content-grid,.page-shell>.certification-grid,.page-shell>.about-grid,.page-shell>.map-panel,.page-shell>.volunteer-grid,.page-shell>.status-panel,.page-shell>.success-panel,.page-shell.article-page{width:min(100vw - 28px,640px)}.site-header-top{width:min(100vw - 28px,640px);min-height:58px}.brand-text{font-size:18px}.brand-logo{width:30px;height:30px}.site-nav{justify-content:flex-start;width:100%;padding:0 14px 10px;overflow-x:auto}.site-nav a{min-width:max-content;padding:0 13px}.global-search-trigger{width:40px;height:40px;min-height:40px}.search-overlay{padding:14px}.search-panel{border-radius:16px;gap:20px;min-height:calc(100vh - 28px);padding:24px}.search-panel-head{flex-direction:column}.search-panel-head h2{font-size:32px}.search-fields,.search-results{grid-template-columns:1fr}.search-mode,.search-submit{width:100%}.search-mode button{flex:1}.public-hero,.public-section,.big-cta{padding:48px 0}.brand-wall,.impact-stats-grid{grid-template-columns:1fr}.brand-mark,.brand-mark:nth-child(4n),.brand-mark:nth-last-child(-n+4){border-right:0;border-bottom:1px solid var(--line)}.brand-mark:last-child{border-bottom:0}.impact-stats-section{padding:58px 0}.impact-stats-grid{gap:28px}.impact-stats-grid h2{font-size:30px}.hero-main h1{font-size:38px}.hero-main p,.big-cta p{font-size:15px}.hero-cards,.match-grid,.match-fields,.directory-grid,.supplier-grid,.join-choice-grid,.oath-stage,.form-grid,.staff-list,.detail-hero,.success-panel dl,.filter-bar{grid-template-columns:1fr}.intro-card{grid-template-rows:150px 1fr auto;min-height:auto}.intro-card>img{height:150px}.intro-card>div:not(.intro-actions),.intro-actions{padding-left:20px;padding-right:20px}.intro-actions{flex-direction:column;align-items:flex-start}.intro-actions strong{text-align:left}.section-head{gap:18px;margin-bottom:30px}.section-head h2,.big-cta h2,.page-intro h1,.success-panel h1{font-size:30px}.match-card,.join-choice-card{min-height:auto;padding:20px}.flow-card{min-height:auto;padding:22px}.showcase-tabs{width:100%}.showcase-tabs button{flex:1}.showcase-foot,.footer-code{flex-direction:column;align-items:flex-start}.showcase-foot div,.showcase-foot a,.big-actions,.big-actions a,.form-actions,.form-actions button,.form-actions a,.console-actions,.console-actions a,.console-actions button{width:100%}.card-metrics,.trust-summary,.showcase-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-metrics div:last-child{grid-column:1/-1}.factor-row{grid-template-columns:74px minmax(0,1fr) 34px}}@media (width<=420px){.hero-main h1{font-size:34px}.intro-card h2,.match-card h2{font-size:25px}.footer-qr{width:112px;height:112px}}.official-hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f8f6f1f5,#f8f6f1c2,#f8f6f161),url(/public-assets/hero-architecture.jpg) 50%/cover no-repeat;align-items:center;min-height:600px;padding:82px 0 72px;display:flex}.official-hero-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:64px;display:grid}.official-hero-main{max-width:760px}.official-hero-main h1{max-width:760px;color:var(--ink);margin:12px 0 18px;font-size:66px;font-weight:900;line-height:1.04}.official-hero-main p{max-width:720px;color:var(--ink-2);margin:0;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-actions a,.query-card button{background:var(--brand);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:900;display:inline-flex}.hero-actions a:last-child{background:var(--ink)}.hero-news-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #ffffff94;border-radius:16px;gap:12px;padding:24px;display:grid;box-shadow:0 18px 48px #2023281f}.hero-news-card span,.query-card>span,.content-card span{color:var(--brand);letter-spacing:.12em;font-size:12px;font-weight:900}.hero-news-card strong{color:var(--ink);font-size:24px;line-height:1.32}.hero-news-card p,.query-card p{color:var(--ink-2);margin:0;line-height:1.7}.home-query-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.query-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:18px;min-height:330px;padding:24px;display:grid}.query-card h2{margin:0;font-size:26px;line-height:1.18}.volunteer-query{background:#f8fbf5}.two-column-section{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:48px;display:grid}.notice-list,.content-list,.volunteer-grid{gap:14px;display:grid}.notice-row{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) 120px;align-items:center;gap:14px;padding:16px 0;display:grid}.notice-row span{color:var(--brand);font-size:12px;font-weight:900}.notice-row strong{color:var(--ink);line-height:1.4}.notice-row time,.content-card time,.article-meta{color:var(--ink-3);font-size:13px}.notice-row time{text-align:right;justify-self:end}.numeric-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:0;display:grid;overflow:hidden}.numeric-panel article{border-bottom:1px solid var(--line);padding:28px}.numeric-panel article:last-child{border-bottom:0}.numeric-panel strong{color:var(--ink);align-items:flex-start;gap:5px;font-size:52px;font-weight:900;line-height:.95;display:inline-flex}.numeric-panel sup{color:var(--brand);font-size:20px}.numeric-panel span{color:var(--ink);margin-top:18px;font-weight:900;display:block}.numeric-panel p{color:var(--ink-2);margin:8px 0 0;line-height:1.7}.news-carousel{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-rows:minmax(220px,1fr) auto;min-height:390px;display:grid;overflow:hidden}.news-carousel-image{isolation:isolate;color:#fff;background:#202328;flex-direction:column;justify-content:flex-end;gap:12px;min-height:245px;padding:26px;display:flex;position:relative;overflow:hidden}.news-carousel-image:after{content:"";z-index:1;background:linear-gradient(#2023280f,#20232847 42%,#202328b8),linear-gradient(90deg,#2023282e,#2023280a);position:absolute;inset:0}.news-carousel-cover{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.news-carousel-image span,.news-carousel-list button span{color:var(--brand);font-size:12px;font-weight:900}.news-carousel-image span{z-index:2;color:#ffffffc7;position:relative}.news-carousel-image strong{z-index:2;color:#fff;max-width:520px;font-size:26px;line-height:1.28;position:relative}.news-carousel-list{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.news-carousel-list button{border:0;border-right:1px solid var(--line);background:var(--surface);text-align:left;align-content:start;gap:8px;min-height:108px;padding:16px;display:grid}.news-carousel-list button:last-child{border-right:0}.news-carousel-list button.active{background:#fff7f2}.news-carousel-list button strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.fallback-note,.form-success{color:#85631b;background:#fff8e8;border-radius:8px;margin:0 0 18px;padding:12px 14px;font-weight:800}.form-success{background:var(--green-soft);color:var(--green);margin-top:16px}.brand-wall-section{background:#f3efe8;padding:62px 0}.brand-wall{border:1px solid var(--line);background:#ffffff9e;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.brand-mark{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:center;gap:10px;min-height:118px;padding:22px 24px;display:grid}.brand-mark:nth-child(4n){border-right:0}.brand-mark:nth-last-child(-n+4){border-bottom:0}.brand-mark span{color:var(--brand);font-size:12px;font-weight:900}.brand-mark strong{color:var(--ink);font-size:18px;line-height:1.35}.impact-stats-section{color:#fff;background:radial-gradient(circle at 68% 12%,#ffffff14,#0000 30%),#12181b;padding:92px 0}.impact-stats-grid{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:72px;display:grid}.impact-stats-grid h2{color:#fff;max-width:720px;margin:0;font-size:46px;line-height:1.18}.impact-stats-grid p{color:#ffffffb8;max-width:650px;margin:24px 0 0;line-height:1.8}.impact-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.impact-actions a{color:#fff;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex}.impact-actions a:first-child{border-color:var(--brand);background:var(--brand)}.impact-stat-card{background:#ffffff0f;border:1px solid #ffffff29;border-radius:16px;overflow:hidden}.impact-stat-card div{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 28px;display:flex}.impact-stat-card div:last-child{border-bottom:0}.impact-stat-card span{color:#ffffffad}.impact-stat-card strong{color:#fff;font-size:20px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.content-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.content-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.content-card img{object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:176px}.content-card>div{padding:20px}.content-card h3{color:var(--ink);margin:10px 0 8px;font-size:20px;line-height:1.35}.content-card p{color:var(--ink-2);margin:0 0 18px;line-height:1.65}.content-card-list{grid-template-columns:260px minmax(0,1fr)}.content-card-list img{border-bottom:0;border-right:1px solid var(--line);height:100%;min-height:190px}.article-page{max-width:900px}.article-page h1{color:var(--ink);margin:0 0 12px;font-size:44px;line-height:1.18}.article-cover{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%;max-height:360px;margin-bottom:28px}.markdown-block{color:var(--ink-2);margin-top:28px;font-size:17px;line-height:1.9}.certification-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.certification-grid>.surface-section,.certification-grid>.certification-service-center,.certification-grid>.join-form{height:100%;min-height:520px}.certification-grid>.surface-section{margin-bottom:0}.certification-service-center{background:linear-gradient(135deg, #fffffff5, #f6e7df94), var(--surface);box-shadow:var(--shadow);border:1px solid #d4c9bce6;border-radius:8px;grid-template-rows:auto auto 1fr;gap:20px;padding:30px;display:grid}.certification-shell .join-form{padding:30px}.certification-shell .join-form>.section-title:first-child{margin-top:0}.service-center-head{max-width:560px}.service-center-head h2{color:var(--ink);margin:0 0 8px;font-size:24px;line-height:1.18}.service-center-head p{color:var(--ink-2);margin:0;line-height:1.7}.service-zone{border-top:1px solid var(--line);align-content:start;gap:14px;padding-top:20px;display:grid}.service-zone-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.service-zone-title span{color:var(--ink);font-size:18px;font-weight:900}.service-zone-title b{min-height:28px;color:var(--brand);background:#b8442d17;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.candidate-zone .service-zone-title b{color:var(--green);background:#3d69431a}.service-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-tile{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:62px;padding:0 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.service-tile span{color:var(--ink);font-size:17px;font-weight:900;line-height:1.2}.staff-tile{background:#f4ded6;border-color:#b8442d2e}.candidate-tile{background:#e7f2de;border-color:#3d69432e}.service-tile:hover{border-color:#2023282e;transform:translateY(-2px);box-shadow:0 12px 28px #2023281c}.mini-program-modal-backdrop{z-index:260;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14181d94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mini-program-modal{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:8px;justify-items:center;gap:16px;width:min(420px,100%);padding:34px 32px 30px;display:grid;position:relative;box-shadow:0 30px 80px #0d121752}.mini-program-modal h2{color:var(--ink);margin:0;font-size:26px;line-height:1.2}.mini-program-modal img{border:1px solid var(--line);background:#fff;border-radius:8px;width:188px;height:188px;padding:10px}.mini-program-modal p:last-child{color:var(--ink-2);margin:0;line-height:1.7}.modal-close{background:var(--surface-soft);width:36px;height:36px;color:var(--ink);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--brand-soft);color:var(--brand)}.qr-feature{text-align:center;align-content:center;justify-items:center;gap:20px;display:grid}.qr-feature img{border:1px solid var(--line);background:#fff;border-radius:10px;width:180px;height:180px}.qr-feature h2,.about-grid h2,.contact-panel h2{margin:0 0 10px;font-size:28px}.qr-feature p,.about-grid p,.contact-panel p{color:var(--ink-2);margin:0;line-height:1.75}.join-choice-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.join-choice-grid.single{grid-template-columns:minmax(0,560px)}.join-choice-grid.quad{grid-template-columns:repeat(4,minmax(0,1fr))}.volunteer-home-page{background:linear-gradient(90deg,#f8f6f1f5,#f8f6f1c7,#f8f6f16b),url(/public-assets/bg-volunteer-home.jpg) 50%/cover no-repeat;min-height:calc(100vh - 112px);padding:0}.volunteer-home-content{width:min(var(--maxw), calc(100vw - 64px));margin:0 auto;padding:76px 0 96px}.volunteer-home-content .page-intro{max-width:820px;padding-top:0}.volunteer-choice{background:#f8fbf5}.oath-box{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.oath-box input,.question-list input{min-height:auto}.volunteer-register-form .section-title:first-child{margin-top:0}.oath-stage{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.oath-copy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:14px;padding:16px 0;display:grid}.oath-copy strong{color:var(--ink);font-size:18px}.oath-copy p{color:var(--ink-2);margin:0;line-height:1.8}.oath-box{color:var(--ink-2);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;line-height:1.7;display:grid}.oath-box span{color:var(--ink-2);font-size:14px;font-weight:700}.oath-sample{margin:0}.oath-sample img{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;display:block}.oath-sample figcaption{color:var(--ink-3);margin-top:8px;font-size:13px;font-weight:800}.file-upload{margin-top:14px}.file-upload input{padding:8px}.file-upload b{color:var(--ink-2);font-size:13px}.question-list{gap:14px;display:grid}.question-list fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:14px}.question-list legend{color:var(--ink);padding:0 8px;font-weight:900}.question-list fieldset label{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;display:grid}.about-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.notices-shell{background:linear-gradient(90deg,#f8f6f1f7,#f8f6f1e6,#f8f6f1b8),url(/public-assets/bg-notices.jpg) top/cover no-repeat}.certification-shell{background:linear-gradient(90deg,#f8f6f1f7,#f8f6f1e6,#f8f6f1b8),url(/public-assets/bg-certification.jpg) top/cover no-repeat}.about-shell{background:linear-gradient(90deg,#f8f6f1f7,#f8f6f1e0,#f8f6f1b3),url(/public-assets/bg-about.jpg) top/cover no-repeat;padding-top:76px}.about-shell>.page-intro{padding-top:0}.notices-shell .content-card,.certification-shell .surface-section,.certification-shell .join-form,.about-shell .surface-section,.about-shell .map-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6}.compact-values{margin-top:24px}.compact-values strong{font-size:42px}.map-panel{border:1px solid var(--line);background:linear-gradient(135deg, #b8442d0f, #3d694314), var(--surface);min-height:280px;color:var(--ink-3);border-radius:16px;place-items:center;margin-top:18px;font-weight:900;display:grid}.volunteer-filter{grid-template-columns:minmax(220px,1fr) 160px 160px 96px}.volunteer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.volunteer-card{min-height:260px}.volunteer-detail{grid-template-columns:auto minmax(0,1fr)}@media (width<=1120px){.official-hero-grid,.home-query-grid,.two-column-section,.certification-grid,.about-grid,.join-choice-grid.single,.join-choice-grid.triple,.join-choice-grid.quad,.content-grid,.volunteer-grid,.certification-metric-grid,.certification-flow-grid,.qr-scenario-grid,.integration-grid,.mall-preview-grid,.mall-page-grid{grid-template-columns:1fr}.volunteer-home-content{width:min(100vw - 48px, var(--maxw))}.hero-news-card{max-width:560px}.content-card-list{grid-template-columns:1fr}.content-card-list img{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.volunteer-filter,.certification-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.service-record-card{grid-template-columns:1fr}}@media (width<=820px){.certification-service-center,.certification-shell .join-form{padding:22px}.service-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile{min-height:56px;padding:0 10px}.service-tile span{font-size:16px}.mini-program-modal{padding:32px 22px 26px}.official-hero{min-height:auto;padding:52px 0}.official-hero-main h1,.article-page h1{font-size:36px}.official-hero-main p,.markdown-block{font-size:15px}.notice-row,.volunteer-filter{grid-template-columns:1fr}.notice-row time{order:3}.hero-actions,.hero-actions a,.query-card button{width:100%}.news-carousel{min-height:auto}.news-carousel-list{grid-template-columns:1fr}.news-carousel-list button{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.news-carousel-list button:last-child{border-bottom:0}.volunteer-home-content{width:min(100vw - 28px,640px);padding:48px 0 72px}.certification-flow,.mall-item-card dl,.service-record-card dl{grid-template-columns:1fr}}