:root{--orange:#FF8A00;--gold:#FFC44D;--ink:#1A1A1A;--body:#333;--muted:#666;--light:#F6F7F9;--line:rgba(0,0,0,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--body);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.78}a{color:inherit;text-decoration:none}a:hover{color:#C45A12}a:focus-visible,button:focus-visible{outline:3px solid #d76c00;outline-offset:3px}.container{max-width:1100px;margin:auto;padding-left:24px;padding-right:24px}.site-head{background:#fff;border-bottom:1px solid var(--line)}.head-top{height:72px;display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:7px;flex:0 0 auto}.logo .media{width:90px;height:34px;background:transparent}.media-logo{aspect-ratio:auto}.logo .media img,.footer-mark .media img{object-fit:contain}.logo-text{font-size:20px;font-weight:800;color:#C45A12;white-space:nowrap}.brand-tag{display:flex;flex-direction:column;line-height:1.45;margin-left:16px}.brand-tag strong{font-size:15px;letter-spacing:2px;color:#222}.brand-tag small{color:#666;font-size:12px}.register{margin-left:auto;background:linear-gradient(90deg,#FF8A00,#FFC44D);color:#302315!important;font-size:14px;font-weight:700;border-radius:999px;min-width:94px;height:40px;display:flex;align-items:center;justify-content:center}.desktop-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.desktop-nav>.container{display:flex;justify-content:space-between;align-items:center;gap:12px;height:50px}.desktop-nav a{display:flex;align-items:center;height:100%;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent}.desktop-nav a.active{color:#C45A12;border-color:#FF8A00}.quick-nav{background:#F6F7F9}.quick-nav>.container{min-height:38px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}.quick-nav a{font-size:13px;color:#555}.quick-nav .active{color:#C45A12;font-weight:700}.menu-toggle,.mobile-drawer,.drawer-mask,.bottom-nav{display:none}.skip-link{position:absolute;top:-80px;left:10px;z-index:20000;background:#fff;padding:10px}.skip-link:focus{top:10px}main.container{min-height:55vh;padding-top:28px;padding-bottom:56px}h1,h2,h3{line-height:1.4;color:var(--ink);margin:0 0 16px}h1{font-size:34px;letter-spacing:-.5px}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 17px}.eyebrow{font-size:13px;color:#B75A0A;font-weight:700;letter-spacing:1px;margin-bottom:8px}.lead{max-width:880px;color:#555;font-size:16px}.page-heading{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.crumb{color:#777;font-size:13px;margin-bottom:13px}.crumb a{text-decoration:underline;text-decoration-color:#ddd}.text-link{color:#AE5107;font-weight:700}.section{margin-top:40px;margin-bottom:40px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.section-head p{margin:0;color:var(--muted)}.section-head a{color:#B45B0C;font-size:14px}.tag{display:inline-block;font-size:12px;color:#B45B0C;background:#FFF4E6;border-radius:30px;padding:3px 10px;margin-bottom:10px}.card{border:1px solid var(--line);border-radius:12px;padding:20px;background:white}.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-brand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card h3{margin-bottom:8px}.card p{color:#666;font-size:14px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:22px;align-items:stretch}.hero-media .media{height:268px}.feature-side{border-top:2px solid var(--orange)}.feature-side a{display:block;border-bottom:1px solid var(--line);padding:13px 0}.feature-side strong{display:block;font-size:17px;color:#222}.feature-side small{font-size:13px;color:#777;display:block;line-height:1.6}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#F6F7F9}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-placeholder{width:100%;height:100%;background:#F6F7F9}.media-16x9{aspect-ratio:16 / 9}.media-3x4{aspect-ratio:3 / 4}.media-logo{border-radius:0}.article-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(220px,3fr);gap:36px}.article{min-width:0}.article section{padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid var(--line)}.article h2{font-size:23px;margin-bottom:17px}.article p{font-size:16px;line-height:1.8}.sidebar{min-width:0}.sidebar-box{background:var(--light);border-radius:12px;padding:20px;margin-bottom:18px}.sidebar-box h2{font-size:18px}.sidebar-box a{display:block;padding:9px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.rel-links{display:flex;flex-wrap:wrap;gap:10px}.rel-links a{font-size:14px;color:#A9500D;border:1px solid #ead5c1;border-radius:50px;padding:5px 12px}.list-row{display:flex;flex-direction:column;padding:17px 0;border-bottom:1px solid var(--line)}.list-row strong{font-size:18px;color:#222}.list-row small{color:#666;font-size:14px}.number{color:#C45A12;font-weight:bold;font-size:13px}.muted-area{background:var(--light);border-radius:14px;padding:22px}.brand-card{min-width:0}.brand-card .media{height:70px;aspect-ratio:auto;margin-bottom:10px}.brand-card h2{font-size:17px;margin:0 0 7px}.brand-card p{font-size:14px;color:#666;margin:0}.faq-item{padding:19px 0;border-bottom:1px solid var(--line)}.faq-item h2{font-size:19px;margin-bottom:9px}.faq-item p{color:#555}.figure-caption{margin-top:10px;color:#666;font-size:14px}.footer{background:#1A1A1A;color:#F5F5F5;padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.footer h2{font-size:17px;color:#fff;margin-bottom:12px}.footer p{font-size:13px;color:#ddd}.footer-links a{display:block;font-size:13px;color:#ddd;padding:3px 0}.footer-mark{display:flex;align-items:center;gap:8px;margin-bottom:14px}.footer-mark .media{width:85px;height:32px;background:transparent}.footer-bottom{border-top:1px solid #444;margin-top:29px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#ccc;font-size:12px}.notice{font-size:14px;border-left:3px solid var(--orange);padding:12px 16px;background:#FFF8EF}.read-more{display:inline-block;margin-top:8px;color:#B6540B;font-weight:700;font-size:14px}.gallery-grid .media{height:220px}.home-categories .card{min-height:172px}.mobile-figure{max-width:270px;margin:auto}.brand-index-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:10px;min-width:0}.brand-index-card .media{height:43px;width:62px;flex:0 0 62px}.brand-index-card strong{font-size:14px}.brand-index-card small{display:block;color:#777;font-size:12px;line-height:1.5}
@media(max-width:980px){.container{padding-left:20px;padding-right:20px}.desktop-nav,.quick-nav,.brand-tag{display:none}.head-top{height:58px;justify-content:space-between;gap:12px}.logo{position:absolute;left:50%;transform:translateX(-50%)}.logo .media{width:74px;height:28px}.logo-text{font-size:16px}.register{margin-left:auto;height:36px;min-width:72px}.menu-toggle{display:flex;width:38px;height:38px;flex:0 0 38px;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;padding:6px}.menu-toggle span{height:2px;background:#333;display:block;width:23px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;height:100dvh;background:#fff;color:#1A1A1A;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding:0 16px 20px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.drawer-head button{background:transparent;border:0;font-size:29px;width:44px;height:44px}.mobile-drawer section{padding:15px 0;border-bottom:1px solid #eee}.mobile-drawer h3{font-size:14px;color:#9B4E0D;margin-bottom:7px}.mobile-drawer section a{display:block;min-height:42px;padding:7px 10px;font-size:15px}.mobile-drawer section a.active{background:#FFF3E1;color:#9B4E0D;border-radius:7px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid #eee;z-index:1000;box-shadow:0 -2px 8px #0000000a}.bottom-nav a{text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.45}.bottom-nav span{font-size:20px;color:#C45A12}.footer{padding-bottom:93px}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-brand{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.container{padding-left:16px;padding-right:16px}.head-top{padding-left:13px;padding-right:13px}.logo .media{width:58px}.logo-text{font-size:15px}main.container{padding-top:19px;padding-bottom:36px}h1{font-size:27px}h2{font-size:21px}h3{font-size:17px}.lead,.article p{font-size:15px}.page-heading{margin-bottom:23px}.feature-grid,.grid-two,.sidebar{grid-template-columns:minmax(0,1fr)}.hero-media .media{height:178px}.gallery-grid .media{height:166px}.section{margin-top:30px;margin-bottom:30px}.card{padding:15px}.grid-four{gap:10px}.grid-brand{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card .media{height:56px}.brand-card h2{font-size:16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-bottom{flex-direction:column;gap:7px}.home-categories .card{min-height:166px}}
@media(max-width:340px){.home-categories{grid-template-columns:minmax(0,1fr)}.logo .media{display:none}.logo-text{font-size:17px}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}