:root{--primary:#173c6b;--accent:#b89555;--ink:#1d2c3e;--muted:#75818d;--line:#e3e8ed;--paper:#fff;--bg:#f5f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.topbar{height:90px;background:#fff}.top-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:2px solid var(--primary);border-radius:50%;font-family:serif;font-weight:bold;font-size:23px;color:var(--primary)}.brand strong{display:block;color:var(--primary);font-size:19px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#909aa6;margin-top:4px}.edit-link{background:none;border:0;color:#657687;font-size:13px}.edit-link span{font-size:17px;margin-right:5px}.hero{background:var(--primary);color:white;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;width:460px;height:460px;right:7%;top:-232px}.hero:after{width:340px;height:340px;right:11%;top:-170px}.hero-inner{height:248px;display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.2px;color:#c7d4e1}.eyebrow span{width:25px;height:2px;background:var(--accent)}h1{font-size:38px;letter-spacing:5px;margin:22px 0 12px;font-weight:600}.hero p{font-size:14px;letter-spacing:1px;color:#d0dce8;margin:0}.hero-index{position:absolute;right:0;bottom:32px;font-size:12px;letter-spacing:2px;color:#d5e0ea}.hero-index span{color:var(--accent);padding:0 7px}.lookup{padding:65px 0 72px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-kicker{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:bold}.section-kicker span{color:#bcc4cb;margin-left:12px}.section-heading h2{font-size:27px;letter-spacing:2px;margin:12px 0 9px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.heading-seal{width:42px;height:42px;border:1px solid #d7dfe6;border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:20px}.lookup-grid{display:grid;grid-template-columns:1.48fr 1fr;background:white;box-shadow:0 10px 35px rgba(36,62,89,.06)}.query-form{padding:36px 48px 38px}.form-top{display:flex;justify-content:space-between;color:#9aa5ae;font-size:11px;margin-bottom:30px}.form-number{color:var(--accent);letter-spacing:1px}.query-form label{display:block;font-size:14px;font-weight:600;margin:0 0 21px}.query-form label span{display:block;margin-bottom:11px}.query-form b{color:#c47564}.query-form input,.fields input,.fields textarea,.record-grid input,.record-grid textarea{width:100%;border:1px solid #e2e7eb;border-radius:2px;background:#fafbfc;color:var(--ink);padding:15px 16px;outline:none}.query-form input:focus,.fields input:focus,.fields textarea:focus,.record-grid input:focus,.record-grid textarea:focus{border-color:var(--primary);background:white}.query-form input::placeholder{color:#b4bdc5}.primary{border:0;background:var(--primary);color:white;padding:16px 20px;min-height:51px;font-weight:600;letter-spacing:1px}.query-form .primary{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.primary span{font-size:20px;font-weight:400}.form-note{font-size:12px;color:#99a3ad;margin:20px 0 0;line-height:1.7;display:flex;gap:8px}.form-note>span:first-child{color:var(--accent)}.guide{background:#edf2f6;padding:38px 42px}.guide-label{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:1px}.guide-label span{color:#a3afb9;font-size:9px;letter-spacing:1.5px;margin-left:8px}.guide h3{font-family:serif;font-size:22px;line-height:1.6;margin:24px 0 12px;color:var(--primary)}.guide>p{color:#778795;font-size:13px;line-height:2;margin:0}.guide-divider{height:1px;background:#d8e0e6;margin:27px 0}.guide-step{display:flex;gap:16px;margin:17px 0}.guide-step>span{font-family:Georgia,serif;color:var(--accent);font-size:19px}.guide-step strong{font-size:13px}.guide-step p{font-size:12px;color:#8a98a4;margin:7px 0;line-height:1.6}.guide-contact{border-top:1px solid #d8e0e6;margin-top:24px;padding-top:19px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#82909c}.guide-contact strong{color:var(--primary)}.result{margin-top:20px;background:white;border-top:3px solid var(--accent);padding:26px 32px;box-shadow:0 10px 35px rgba(36,62,89,.06)}.result h3{margin:0 0 20px;color:var(--primary)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result-grid div span{display:block;font-size:12px;color:#929da6;margin-bottom:7px}.result-grid div strong{font-size:14px;overflow-wrap:anywhere}.result p{font-size:13px;color:#75818d;line-height:1.7}.demo-tip{margin-top:20px;color:#99a3ad;font-size:12px;line-height:1.7}.demo-tip strong{color:#798995}.bottom-band{background:#e8eef3}.band-inner{padding:32px 0;display:flex;align-items:center;justify-content:space-between}.band-inner span{font-size:9px;letter-spacing:2px;color:var(--accent)}.band-inner h2{font-size:18px;letter-spacing:3px;color:var(--primary);margin:9px 0 0}.band-inner p{color:#83919e;font-size:13px}footer{background:#fff}.footer-inner{padding:34px 0;display:flex;justify-content:space-between;align-items:center;color:#a1abb3;font-size:11px}.footer-inner strong{color:var(--primary);font-size:14px}.footer-inner p{margin:9px 0 0}dialog{border:0;padding:0;width:min(850px,calc(100% - 24px));max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #142b4680}dialog::backdrop{background:rgba(14,30,47,.65)}.editor-head{padding:25px 30px;background:var(--primary);color:#fff;display:flex;justify-content:space-between}.editor-head span,.panel-title span{font-size:9px;letter-spacing:2px;color:var(--accent)}.editor-head h2{font-size:22px;margin:7px 0}.editor-head p{font-size:12px;color:#c3d1de;margin:0}.icon-button{border:0;background:none;color:white;font-size:30px;align-self:start}.editor-body{display:grid;grid-template-columns:150px 1fr;min-height:400px}.editor-tabs{padding:20px 10px;background:#f3f6f8}.editor-tabs button{display:block;width:100%;border:0;text-align:left;background:none;padding:13px;color:#75818d;font-size:13px}.editor-tabs button.active{background:#fff;color:var(--primary);font-weight:bold}.editor-panel{padding:28px;overflow:auto;max-height:55vh}.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:15px}.panel-title h3{margin:6px 0 0;font-size:20px}.panel-title p{font-size:12px;color:#929da6;margin:0}.fields,.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label,.record-grid label{display:block;font-size:12px;color:#667788}.fields input,.fields textarea,.record-grid input,.record-grid textarea{display:block;margin-top:7px;padding:10px 11px;font-size:13px}.fields input[type=color]{height:40px;padding:3px}.fields .wide,.record-grid .wide{grid-column:1/-1}.editor-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.editor-actions .primary{min-width:180px;display:flex;justify-content:space-between;align-items:center}.record-card{border:1px solid var(--line);padding:18px;margin-bottom:15px}.record-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px;color:var(--primary)}.text-button{background:none;border:0;color:#a15656;font-size:12px}.secondary{display:inline-block;border:1px solid #ccd7e0;padding:11px 15px;background:white;color:var(--primary);font-size:13px}.data-card{border:1px solid var(--line);padding:17px 20px;margin-bottom:12px}.data-card h4{font-size:14px;margin:0 0 8px}.data-card p{font-size:12px;color:#81909d;line-height:1.7;margin:0 0 12px}.data-card.subtle{background:#fafbfc}.editor-foot{padding:15px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#8a98a4;font-size:12px}.editor-foot button{border:0;background:none;color:var(--primary);font-weight:bold}.file-button{cursor:pointer}[hidden]{display:none!important}@media(max-width:700px){.shell{width:min(100% - 32px,1120px)}.topbar{height:72px}.brand strong{font-size:15px}.brand small{font-size:8px}.brand-mark{width:38px;height:38px;font-size:19px}.edit-link{font-size:12px}.hero-inner{height:210px}h1{font-size:29px}.hero-index{display:none}.lookup{padding:45px 0}.lookup-grid{grid-template-columns:1fr}.query-form,.guide{padding:28px 24px}.guide{padding-bottom:30px}.result-grid{grid-template-columns:1fr 1fr}.band-inner{align-items:flex-start;flex-direction:column;gap:8px}.band-inner p{line-height:1.7}.footer-inner{align-items:flex-start;gap:20px}.editor-body{display:block}.editor-tabs{display:flex;padding:7px}.editor-tabs button{text-align:center}.editor-panel{max-height:55vh;padding:20px}.fields,.record-grid{grid-template-columns:1fr}.fields .wide,.record-grid .wide{grid-column:auto}.panel-title{display:block}.panel-title p{margin-top:8px}}
/* 查询页面参考结构：纹理页眉、居中查询卡片、红色页脚。 */
body{background:#f6f6f6}.topbar{height:150px;background-color:#f0f0ef;background-image:radial-gradient(ellipse at 15% 60%,rgba(94,100,100,.09),transparent 35%),radial-gradient(ellipse at 82% 20%,rgba(94,100,100,.08),transparent 35%),repeating-linear-gradient(122deg,transparent 0,transparent 38px,rgba(40,45,45,.018) 39px,transparent 40px)}.top-inner{position:relative;justify-content:center}.brand-mark{width:65px;height:65px;font-size:30px}.brand strong{font-size:26px;letter-spacing:3px}.brand small{font-size:10px;letter-spacing:2px}.edit-link{position:absolute;right:0;top:18px}.hero{display:none}.lookup{width:min(800px,calc(100% - 32px));padding:50px 0 55px;min-height:calc(100vh - 240px)}.section-heading{margin:0;background:var(--primary);color:#fff;padding:17px 25px}.section-heading h2{margin:0;font-size:20px;letter-spacing:2px}.section-heading p,.section-kicker,.heading-seal{display:none}.lookup-grid{display:block;background:white;box-shadow:0 2px 14px rgba(0,0,0,.07)}.query-form{max-width:650px;margin:auto;padding:40px 36px 35px}.form-top{display:none}.query-form label{font-size:15px;font-weight:400;margin-bottom:22px}.query-form label span{margin-bottom:10px}.query-form input{background:white;padding:13px 15px}.query-form .primary{display:block;width:150px;margin:30px auto 0}.query-form .primary span{display:none}.form-note{justify-content:center;text-align:center;color:#a3a3a3}.guide,.bottom-band{display:none}.demo-tip{text-align:center}.result{margin-top:12px}.footer-inner{min-height:90px;padding:25px 0;justify-content:center;text-align:center}.footer-inner strong,.footer-inner>span{display:none}.footer-inner p{margin:0;color:rgba(255,255,255,.86)}footer{background:var(--primary)}@media(max-width:700px){.topbar{height:120px}.brand-mark{width:49px;height:49px;font-size:23px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px}.edit-link{right:0;top:5px;font-size:11px}.lookup{padding:30px 0;min-height:calc(100vh - 210px)}.section-heading{padding:15px 18px}.section-heading h2{font-size:18px}.query-form{padding:28px 20px}}

/* 顶部品牌区：参考站背景与可自定义品牌图片。 */
.topbar{background:#efefed url('assets/natf-background.jpg') repeat-x center top}
.brand{width:min(600px,96%);justify-content:center}
.brand-image{display:block;width:100%;height:auto}
.brand-fallback{display:flex;align-items:center;gap:13px}

/* 证书结果表格 */
.result{position:relative;margin-top:0;border-top:0;box-shadow:0 2px 14px rgba(0,0,0,.07);text-align:center;padding:25px 24px}.result h3{font-size:20px;letter-spacing:2px;color:#333;margin:0 0 12px}.certificate-wrap{overflow-x:auto}.certificate-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#303030;background:#fff}.certificate-table th,.certificate-table td{border:1px solid #c9c9c9;padding:12px 7px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.certificate-table th{font-weight:400;background:#f7f7f7;width:17%}.certificate-table td{width:21%}.certificate-table .certificate-photo{width:24%;padding:10px;background:#fff;vertical-align:top}.certificate-photo img{display:block;margin:auto;width:100%;max-width:145px;height:auto;object-fit:contain}.result-back{margin-top:22px}.demo-tip{color:#686868}
@media(max-width:600px){.result{padding:20px 12px}.certificate-table th,.certificate-table td{padding:8px 4px;font-size:12px}.certificate-table .certificate-photo{width:23%;padding:5px}}