*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#333;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.78}button,a{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#c45a12}a:focus-visible,button:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}img{max-width:100%}h1,h2,h3{color:#1a1a1a;line-height:1.4;letter-spacing:-.015em}h1{font-size:clamp(26px,3vw,36px);margin:0 0 14px}h2{font-size:24px;margin:0 0 18px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 16px}ul{padding-left:22px}.shell{width:min(100% - 48px,1100px);margin-inline:auto}.skip-link{position:absolute;left:10px;top:-100px;z-index:15000;background:#fff;padding:10px}.skip-link:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid #ececec}.desktop-head{height:70px;display:flex;align-items:center;gap:25px}.brand,.mobile-brand,.footer-brand{display:flex;align-items:center;gap:9px}.brand .media{width:112px;height:34px;aspect-ratio:auto;background:transparent;border-radius:0}.brand .media>img{object-position:left}.brand-fallback{font-weight:800;color:#ed7900;display:none}.desktop-identity{display:flex;flex-direction:column;line-height:1.4;flex:1}.desktop-identity strong{color:#1a1a1a;letter-spacing:.16em;font-size:13px}.desktop-identity small{font-size:12px;color:#777}.register{display:inline-flex;align-items:center;justify-content:center;min-width:94px;height:42px;padding:0 20px;border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ffc44d);color:#212121!important;font-weight:700}.register:hover{filter:brightness(.97)}.main-nav{border-top:1px solid #f2f2f2}.main-nav .shell{display:flex;align-items:center;justify-content:space-between;height:50px;gap:10px}.main-nav a{height:100%;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;font-size:15px;font-weight:600}.main-nav a.active{color:#c45a12;border-color:#ff8a00}.quick-bar{background:#f6f7f9}.quick-bar .shell{display:flex;align-items:center;gap:26px;min-height:39px;font-size:13px;white-space:nowrap}.quick-bar span{color:#999}.quick-bar a{color:#555}.quick-bar a:hover{color:#c45a12}.mobile-head,.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}main.shell{padding-top:30px;padding-bottom:55px;min-height:50vh}.kicker{font-size:13px;font-weight:700;letter-spacing:.05em;color:#c45a12;margin-bottom:9px}.lead{font-size:16px;color:#666;max-width:820px;line-height:1.85}.section{margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;border-bottom:1px solid #eee;padding-bottom:12px}.section-heading h2{margin:0}.text-link{color:#ad5114;font-size:14px;font-weight:600}.hero-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:20px}.hero-visual{min-width:0}.hero-visual .media{height:260px;aspect-ratio:auto}.hero-index{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.hero-index a{display:block;padding:12px 15px;border:1px solid rgba(0,0,0,.08);border-radius:10px}.hero-index strong{display:block;color:#1a1a1a;font-size:16px}.hero-index small{display:block;color:#777;font-size:13px;line-height:1.55;margin-top:3px}.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-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.media-placeholder{width:100%;height:100%;background:#f6f7f9}.quad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card,.card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:19px;background:#fff;min-width:0}.category-card h3{margin-bottom:8px}.category-card p{font-size:14px;color:#666}.paired{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.panel-soft{padding:25px;border-radius:12px;background:#f6f7f9}.panel-soft p:last-child{margin-bottom:0}.feature-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px}.plain-links{list-style:none;margin:0;padding:0}.plain-links li{padding:11px 0;border-bottom:1px solid #eaeaea}.plain-links a{font-weight:650}.plain-links p{font-size:14px;color:#666;margin:4px 0 0}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.image-grid .media{max-height:230px}.image-grid h3{margin-top:12px}.article-list{list-style:none;padding:0;margin:0}.article-list li{padding:15px 0;border-bottom:1px solid #eaeaea}.article-list strong{display:block;font-size:18px;color:#1a1a1a}.article-list p{font-size:14px;color:#666;margin:4px 0 2px}.article-list a{font-size:14px;color:#ac5016}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-mini{border:1px solid #eee;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.brand-mini .media{flex:none;width:54px;height:48px;aspect-ratio:auto}.brand-mini strong{font-size:15px}.notice{padding:17px 20px;border-radius:10px;background:#f6f7f9;color:#555;font-size:14px}.page-head{border-bottom:1px solid #eee;padding-bottom:19px;margin-bottom:24px}.breadcrumbs{color:#888;font-size:13px;margin-bottom:12px}.breadcrumbs a{color:#ab5319}.topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.topic-nav a{padding:6px 12px;background:#f6f7f9;border-radius:6px;font-size:14px}.inner-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:32px}.prose h2{margin-top:30px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:18px}.prose p{line-height:1.8}.prose .media{max-height:250px;margin:18px 0 26px}.aside-box{padding:20px;background:#f6f7f9;border-radius:12px;margin-bottom:18px}.aside-box h2{font-size:19px}.link-list{padding-left:20px;margin:0}.link-list li{margin:0 0 10px;font-size:14px}.related{margin-top:32px;border-top:1px solid #eee;padding-top:18px}.brand-full-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-entry{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:18px;min-width:0}.brand-entry .media{width:95px;height:65px;aspect-ratio:auto;float:left;margin:0 16px 8px 0}.brand-entry h2{font-size:19px;margin:0 0 8px}.brand-entry p{font-size:14px;line-height:1.8;margin-bottom:0}.faq-list details{padding:17px 0;border-bottom:1px solid #e8e8e8}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{margin:12px 0 0}.mobile-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:26px}.mobile-panel .media{max-height:270px;width:min(100%,250px);margin-inline:auto}.site-footer{background:#1a1a1a;color:#f5f5f5;padding:38px 0 20px}.footer-cols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.site-footer h2{font-size:17px;color:#fff}.site-footer a:not(.footer-brand){display:block;color:#ddd;font-size:14px;margin-bottom:8px}.site-footer p{font-size:13px;color:#ccc;line-height:1.8}.footer-brand .media{width:85px;height:35px;aspect-ratio:auto;background:transparent}.footer-brand strong{color:#fff;font-size:14px}.legal{border-top:1px solid #333;display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:18px;font-size:12px;color:#bbb}
@media(max-width:980px){.desktop-head,.main-nav,.quick-bar{display:none}.mobile-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}.mobile-head .register{height:36px;min-width:72px;padding:0 12px;font-size:14px}.mobile-brand{position:absolute;left:50%;transform:translateX(-50%);gap:4px;max-width:55%}.mobile-brand .media{width:72px;height:28px;aspect-ratio:auto;background:transparent}.mobile-brand strong{font-size:14px;white-space:nowrap;color:#bf5e13}.menu-toggle{border:0;background:transparent;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.menu-toggle span{height:2px;background:#333;width:22px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#fff;color:#1a1a1a;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.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-top{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #eee}.drawer-close{font-size:26px;background:transparent;border:0;width:44px;height:44px;cursor:pointer}.drawer-group{padding:15px 18px;border-bottom:1px solid #eee}.drawer-group h2{font-size:15px;color:#c45a12;margin:0 0 6px}.drawer-group a{display:block;min-height:42px;padding:6px 8px;font-size:15px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);height:62px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e9e9e9;z-index:500;box-shadow:0 -2px 12px #0000000a}.mobile-bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1.3}.mobile-bottom span{font-size:19px;color:#c45a12}body{padding-bottom:62px}.shell{width:calc(100% - 40px)}.quad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}main.shell{padding-top:23px;padding-bottom:36px}.hero-grid,.paired,.feature-split,.inner-grid,.image-grid,.mobile-panel{grid-template-columns:1fr}.hero-visual .media{height:180px}.hero-index{display:block}.hero-index a{margin-top:9px}.section{margin-top:32px}.panel-soft{padding:18px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-full-grid{grid-template-columns:1fr}.brand-entry .media{width:83px;height:62px}.image-grid .media{max-height:170px}.footer-cols{gap:20px}.legal{flex-direction:column}h2{font-size:21px}h3{font-size:18px}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px}.prose .media{max-height:175px}}
@media(max-width:360px){.mobile-brand .media{width:58px}.mobile-brand strong{font-size:13px}.quad-grid{grid-template-columns:1fr}.category-card{padding:15px}.brand-mini{padding:9px}.brand-mini .media{width:40px;height:40px}.brand-mini strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}