:root{--ink:#08231a;--body:#34463f;--muted:#6d7c76;--green:#087a43;--green-dark:#055832;--green-soft:#edf8f1;--line:#d9e2dd;--paper:#fff;--warm:#fff8e9;--shadow:0 18px 50px #08231a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--body);background:var(--paper);text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #087a434d}.shell{width:min(1180px,100% - 48px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);z-index:2;background:#fffffff5;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:78px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:33px;height:33px;font:700 21px Georgia,serif;display:grid}.brand strong,.brand small{line-height:1.2;display:block}.brand strong{letter-spacing:-.02em;font-size:17px}.brand small{color:var(--muted);margin-top:4px;font-size:11px}.main-nav{color:var(--muted);align-items:center;gap:25px;font-size:14px;display:flex}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--green)}.button{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink);box-shadow:0 9px 22px #08231a2e}.button-primary:hover{background:var(--green-dark)}.button-secondary{color:var(--green-dark);border:1px solid var(--green);background:#fff}.button-secondary:hover{background:var(--green-soft)}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(36px,7vw,102px);padding:54px 0 56px;display:grid}.hero-copy{max-width:650px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:32px;font-size:13px;display:flex}.breadcrumbs a{color:var(--green)}.breadcrumbs strong{color:var(--ink);font-weight:600}.hero-kicker,.section-label{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero h1,.hub-hero h1,.not-found h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.4vw,72px);font-weight:750;line-height:1.07}.hero-answer{max-width:620px;color:var(--body);margin:27px 0 0;font-size:18px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:17px;margin-top:22px;font-size:12px;display:flex}.hero-notes span:first-letter{color:var(--green)}.hero-art{background:var(--green-soft);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.seo-picture,.seo-picture img{width:100%;display:block}.seo-picture img{aspect-ratio:1200/675;object-fit:cover}.official-rail{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.85fr) 1.5fr;gap:42px;padding:46px 0;display:grid}.official-rail h2,.section-heading h2,.hub-source h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.2}.official-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.official-link{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:77px;padding:15px 18px;transition:border-color .2s,transform .2s;display:flex}.official-link:hover{border-color:var(--green);transform:translateY(-2px)}.official-link strong,.official-link small{display:block}.official-link strong{color:var(--ink);font-size:14px}.official-link small{color:var(--muted);margin-top:3px;font-size:12px}.official-link b{color:var(--green);font-size:20px;font-weight:500}.tool-section,.key-points,.editorial,.steps-section,.comparison-section,.faq-section,.related-section{border-bottom:1px solid var(--line);padding:74px 0}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px;display:flex}.section-heading>p{max-width:420px;color:var(--muted);margin:0;font-size:14px}.tool-shell{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;box-shadow:0 14px 36px #08231a0f}.tool-title{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.tool-title>div{align-items:center;gap:11px;display:flex}.tool-title h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:19px}.tool-title small{color:var(--muted);font-size:12px}.tool-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 0 5px var(--green-soft);border-radius:50%;display:inline-block}.tool-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-field{color:var(--muted);gap:6px;font-size:12px;display:grid}.tool-field input,.tool-field select,.tool-textarea{border:1px solid var(--line);min-height:43px;color:var(--ink);background:#fff;border-radius:10px;padding:8px 12px}.tool-textarea{resize:vertical;width:100%;line-height:1.65}.tool-field input:focus,.tool-field select:focus,.tool-textarea:focus{border-color:var(--green)}.tool-result{background:var(--green-soft);border:1px solid #cae7d5;border-radius:13px;margin-top:19px;padding:17px 18px}.tool-result-warn{background:var(--warm);border-color:#eadab0}.tool-result-neutral{border-color:var(--line);background:#f7faf8}.tool-result strong{color:var(--ink)}.tool-result p{color:var(--body);margin:6px 0 0;font-size:14px;line-height:1.7}.tool-result pre{white-space:pre-wrap;color:var(--body);font:inherit;margin:0;font-size:14px;line-height:1.7}.tool-copy,.tool-button{border:1px solid var(--green);min-height:36px;color:var(--green-dark);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;margin-top:12px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.tool-button{border-color:var(--line);margin-top:0}.tool-button:hover,.tool-button.selected,.tool-pills button.active{border-color:var(--green);color:#fff;background:var(--green)}.tool-button:disabled{cursor:not-allowed;opacity:.5}.tool-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.tool-pills{flex-wrap:wrap;gap:8px;display:flex}.tool-pills button{border:1px solid var(--line);color:var(--body);cursor:pointer;background:#fff;border-radius:999px;padding:6px 13px}.pronunciation-word{color:var(--ink);letter-spacing:-.05em;font:700 clamp(29px,6vw,50px) Georgia,serif}.pronunciation-word span{color:var(--green);margin-left:16px;font-family:inherit}.quiz-count{color:var(--muted);margin:0;font-size:13px}.quiz-question{color:var(--ink);margin:8px 0 0;font-size:22px;font-weight:600}.tool-result-link{flex-direction:column;display:inline-flex}.tool-result-link strong{color:var(--green-dark)}.tool-result-link span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.check-list{gap:10px;display:grid}.check-list label{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.check-list input{accent-color:var(--green);width:17px;height:17px}.url-results{gap:8px;margin-top:15px;display:grid}.url-results>div{color:var(--body);align-items:center;gap:11px;font-size:13px;display:flex}.url-results code{font-size:12px}.status-ok,.status-warn{color:var(--green-dark);background:var(--green-soft);border-radius:99px;padding:2px 8px;font-size:11px;display:inline-flex}.status-warn{color:#835c07;background:#fff4d8}.point-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.point-list article{border-right:1px solid var(--line);gap:18px;padding:25px 22px 15px 0;display:flex}.point-list article+article{padding-left:22px}.point-list article:last-child{border-right:0}.point-list article>span{color:var(--green);font:700 12px Georgia,serif}.point-list h3,.steps-list h3{color:var(--ink);letter-spacing:-.025em;margin:0 0 6px;font-size:18px}.point-list p,.steps-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.editorial{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(38px,7vw,96px);display:grid}.editorial-image{background:var(--green-soft);border-radius:18px;overflow:hidden}.editorial-copy h2{color:var(--ink);letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(26px,3.4vw,44px);line-height:1.15}.editorial-copy p:not(.section-label){margin:0 0 16px;font-size:16px}.steps-list{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.steps-list li{border-right:1px solid var(--line);min-height:158px;padding:24px 22px 12px 0}.steps-list li+li{padding-left:22px}.steps-list li:last-child{border-right:0}.step-number{color:var(--green);margin-bottom:13px;font:700 14px Georgia,serif;display:inline-block}.table-wrap{border:1px solid var(--line);border-radius:15px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}th{color:var(--ink);letter-spacing:.04em;background:#f5faf6;font-size:12px}td{color:var(--body)}tbody tr:last-child td{border-bottom:0}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:21px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:0 0 18px;font-size:14px}.related-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.related-grid>a{border:1px solid var(--line);border-radius:14px;flex-direction:column;min-height:166px;padding:18px;transition:border-color .2s,transform .2s;display:flex;position:relative}.related-grid>a:hover{border-color:var(--green);transform:translateY(-2px)}.related-grid span{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.related-grid strong{color:var(--ink);margin-top:9px;font-size:18px}.related-grid small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.55}.related-grid b{color:var(--green);font-size:20px;font-weight:400;position:absolute;bottom:14px;right:17px}.site-footer{border-top:1px solid var(--line);background:#f5faf6;margin-top:20px}.footer-grid{grid-template-columns:1fr auto;gap:30px;padding:42px 0 28px;display:grid}.footer-brand{color:var(--ink);font-weight:800}.footer-grid p{max-width:450px;color:var(--muted);margin:9px 0 0;font-size:13px}.footer-links{color:var(--body);flex-wrap:wrap;align-items:start;gap:19px;font-size:13px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:17px 0 23px;font-size:11px;display:flex}.hub-page{overflow:hidden}.hub-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);align-items:center;gap:65px;padding:74px 0 85px;display:grid}.hub-hero h1 em{color:var(--green);font-style:normal}.hub-hero>div:first-child>p:not(.hero-kicker){max-width:610px;margin:25px 0 0;font-size:18px}.hub-hero-image{box-shadow:var(--shadow);border-radius:21px;overflow:hidden}.hub-index{border-bottom:1px solid var(--line);padding:75px 0}.group-grid{grid-template-columns:repeat(2,1fr);gap:34px 48px;display:grid}.group-block{border-top:1px solid var(--ink);padding-top:25px}.group-heading{gap:17px;display:flex}.group-heading>span{color:var(--green);font:700 13px Georgia,serif}.group-heading h3{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:24px}.group-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.group-links{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.group-links a{border:1px solid var(--line);border-radius:11px;flex-direction:column;min-height:90px;padding:13px 34px 13px 14px;display:flex;position:relative}.group-links a:hover{border-color:var(--green)}.group-links strong{color:var(--ink);font-size:15px}.group-links small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.55}.group-links b{color:var(--green);font-weight:400;position:absolute;bottom:12px;right:13px}.hub-source{grid-template-columns:1fr auto;align-items:center;gap:60px;padding:70px 0 90px;display:grid}.hub-source h2{max-width:620px}.hub-source p:not(.section-label){max-width:680px;color:var(--muted);margin:18px 0 0}.source-list{gap:10px;min-width:210px;display:grid}.source-list a{border:1px solid var(--line);color:var(--green-dark);border-radius:10px;padding:12px 15px;font-size:13px;font-weight:700}.source-list a:hover{border-color:var(--green);background:var(--green-soft)}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:560px;display:flex}.not-found p:not(.section-label){margin:18px 0 28px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.hero,.hub-hero{grid-template-columns:1fr;gap:35px}.hero{padding-top:37px}.hero-art{max-width:720px}.official-rail{grid-template-columns:1fr;gap:20px}.editorial{grid-template-columns:1fr;gap:32px}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.shell{width:min(100% - 32px,520px)}.header-inner{min-height:65px}.main-nav,.brand small{display:none}.hero,.hub-hero{padding:35px 0 45px}.hero h1,.hub-hero h1,.not-found h1{font-size:clamp(37px,12vw,56px)}.hero-answer,.hub-hero>div:first-child>p:not(.hero-kicker){font-size:16px}.hero-notes{gap:8px 13px}.hero-actions .button{width:100%}.official-links,.tool-fields,.point-list,.steps-list,.faq-list,.group-grid,.hub-source{grid-template-columns:1fr}.official-link{min-height:68px}.section-heading{display:block}.section-heading>p{margin-top:12px}.tool-section,.key-points,.editorial,.steps-section,.comparison-section,.faq-section,.related-section{padding:48px 0}.tool-shell{border-radius:17px;padding:19px}.tool-title{display:block}.tool-title small{margin:8px 0 0 21px;display:block}.point-list article,.point-list article+article{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.point-list article:last-child{border-bottom:0}.steps-list li,.steps-list li+li{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:18px 0}.steps-list li:last-child{border-bottom:0}.related-grid{grid-template-columns:1fr}.footer-grid,.footer-bottom{display:block}.footer-links{margin-top:20px}.footer-bottom span{margin-top:7px;display:block}.hub-source{gap:25px}.group-links{grid-template-columns:1fr}}