*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#333;font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.77}a{color:inherit;text-decoration:none}a:hover{color:#f45132}button{font:inherit;cursor:pointer}img{max-width:100%}.container{max-width:1100px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;top:-100px;left:12px;z-index:20000;background:#fff;padding:8px}.skip-link:focus{top:8px}.site-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:auto;height:36px;object-fit:contain}.brand-text{font-size:26px;font-weight:900;letter-spacing:-1px;color:#f45132}.brand-text span{color:#1a1a1a}.desktop-nav{display:flex;align-items:stretch;gap:15px;white-space:nowrap;height:100%;margin-left:auto}.desktop-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;font-size:14px;font-weight:650;color:#393939}.desktop-nav a:hover,.desktop-nav a.active{color:#c43a22;border-bottom-color:#f45132}.register-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#f45132;color:white!important;min-height:40px;min-width:80px;border-radius:999px;font-size:14px;font-weight:700;padding:0 17px}.register-button:hover{background:#ff684e}.topic-bar{background:#f6f7f9}.topic-inner{display:flex;align-items:center;gap:21px;min-height:44px}.topic-label{font-size:12px;color:#c43a22;font-weight:800;white-space:nowrap}.topic-inner nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.topic-inner a{font-size:13px;color:#555}.site-main{min-height:56vh}.eyebrow,.section-number{font-size:12px;letter-spacing:.08em;font-weight:800;color:#c43a22}.hero{display:grid;grid-template-columns:58% 1fr;gap:28px;align-items:center;margin-top:30px;margin-bottom:37px}.hero .media{height:250px;aspect-ratio:auto}.hero h1{font-size:36px;line-height:1.38;margin:12px 0 12px;color:#1a1a1a}.hero p{margin:0 0 14px;color:#666;font-size:15px}.reading-mini{border-top:1px solid #eee;padding:6px 0 0;display:grid;gap:3px}.reading-mini a{font-size:14px;font-weight:650}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{font-size:25px;margin:0;line-height:1.4;color:#1a1a1a}.section-head small{font-size:13px;color:#777}.home-section{margin:35px auto 44px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{border:1px solid rgba(0,0,0,.08);border-radius:13px;padding:20px;min-width:0;background:#fff}.card h3{font-size:18px;line-height:1.4;margin:9px 0;color:#1a1a1a}.card p{font-size:14px;color:#666;line-height:1.75;margin:0 0 12px}.card a,.text-link{color:#c43a22;font-weight:700;font-size:14px}.category-card{display:flex;flex-direction:column;min-height:205px}.category-card a{margin-top:auto}.category-card .glyph{font-size:25px;color:#d7a84b}.split-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.feature-body{padding:9px 0}.feature-body h3{font-size:23px;margin:5px 0 12px;line-height:1.45}.feature-body p{color:#666;margin:0 0 16px}.simple-feed{border-top:1px solid #e8e8e8}.feed-item{padding:12px 0;border-bottom:1px solid #e8e8e8}.feed-item h3{font-size:17px;line-height:1.5;margin:0 0 5px}.feed-item p{font-size:14px;margin:0;color:#666}.soft-section{background:#f6f7f9;padding:27px;border-radius:15px}.topic-duo h3{font-size:21px;margin:2px 0 10px}.topic-duo p{color:#666;font-size:15px}.visual-card .media{margin-bottom:12px}.visual-card h3{font-size:18px;margin:0 0 4px}.visual-card p{font-size:14px;color:#666;margin:0}.numbered-list{list-style:none;margin:0;padding:0}.numbered-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;border-top:1px solid #eee;padding:15px 0}.numbered-list li:last-child{border-bottom:1px solid #eee}.numbered-list .num{font-size:24px;color:#d7a84b;font-weight:800}.numbered-list h3{font-size:17px;margin:0 0 4px}.numbered-list p{font-size:14px;color:#666;margin:0}.numbered-list small{color:#c43a22}.directory-card{padding:13px;text-align:center}.directory-card .media{margin-bottom:11px}.directory-card h3{margin:0 0 5px;font-size:16px}.directory-card p{font-size:13px;margin:0}.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{position:absolute;inset:0;background:#f6f7f9}.media-placeholder:after{content:"";position:absolute;width:45px;height:2px;background:#e0e3e7;left:calc(50% - 22px);top:50%}.notice{border-left:3px solid #d7a84b;background:#f6f7f9;padding:16px 20px;font-size:14px;color:#555;margin:26px 0}.page-intro{padding:38px 0 25px;border-bottom:1px solid #eee;margin-bottom:30px}.breadcrumbs{color:#777;font-size:13px;margin-bottom:14px}.breadcrumbs a{color:#777}.page-intro h1{font-size:32px;line-height:1.4;color:#1a1a1a;margin:7px 0 11px}.page-intro p{font-size:16px;color:#666;max-width:760px;margin:0}.page-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:34px;align-items:start}.article-block{padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid #eaeaea}.article-block h2{font-size:24px;color:#1a1a1a;line-height:1.45;margin:6px 0 14px}.article-block p{font-size:16px;line-height:1.8;margin:0 0 15px}.sidebar{background:#f6f7f9;padding:20px;border-radius:12px}.sidebar h2{font-size:17px;margin:0 0 12px}.sidebar a{display:block;font-size:14px;padding:10px 0;border-bottom:1px solid #e4e4e4}.sidebar a:last-child{border-bottom:none}.article-hero .media{margin:0 0 24px;max-height:300px}.related-links{margin:30px 0 45px;border-top:1px solid #eee;padding-top:20px}.related-links h2{font-size:21px;margin:0 0 15px}.related-links .links{display:flex;gap:14px;flex-wrap:wrap}.related-links a{font-size:14px;color:#c43a22;border:1px solid #eee;border-radius:30px;padding:7px 15px}.faq-list details{border-bottom:1px solid #e6e6e6;padding:14px 0}.faq-list summary{font-size:17px;font-weight:700;cursor:pointer}.faq-list p{font-size:15px;color:#555;margin:10px 0}.catalog-group{margin-bottom:40px}.catalog-group h2{font-size:23px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-card{padding:14px;border:1px solid #eee;border-radius:12px;min-width:0}.catalog-card .media{margin-bottom:8px}.catalog-card h3{font-size:15px;margin:0 0 5px}.catalog-card p{font-size:13px;color:#777;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-card h3{font-size:16px;margin:9px 0 3px}.gallery-card p{font-size:13px;color:#666;margin:0}.site-footer{background:#1a1a1a;color:#f5f5f5;padding:42px 0 23px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer-grid h2{font-size:16px;margin:0 0 12px}.footer-grid p{font-size:13px;color:#c4c4c4;margin:12px 0}.footer-grid a{display:block;color:#cfcfcf;font-size:13px;padding:3px 0}.footer-grid a:hover{color:white}.footer-logo{font-size:25px;font-weight:800;color:#fff}.footer-logo img{width:auto;max-width:136px;height:36px;object-fit:contain}.footer-bottom{border-top:1px solid #383838;padding-top:18px;margin-top:28px;color:#c4c4c4;font-size:12px;display:flex;justify-content:space-between;gap:20px}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.to-top{position:fixed;right:20px;bottom:24px;border:0;border-radius:50%;background:#f45132;color:#fff;width:42px;height:42px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:50}.to-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1100px){.desktop-nav{gap:11px}.desktop-nav a{font-size:13px}.header-inner{gap:12px}}
@media(max-width:980px){.container{padding-left:20px;padding-right:20px}.header-inner{height:58px}.desktop-nav,.topic-bar{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;width:38px;height:40px;padding:8px 4px;margin-right:auto}.menu-toggle span{display:block;width:23px;height:2px;background:#222}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{height:28px;max-width:122px}.brand-text{font-size:22px}.register-button{height:36px;min-height:36px;min-width:72px;padding:0 12px;margin-left:auto}.mobile-drawer,.drawer-mask{display:none}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#FFFFFF;color:#1A1A1A;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;overscroll-behavior:contain}.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-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #eee}.drawer-brand{font-size:20px;font-weight:800;color:#f45132}.drawer-brand small{color:#777;font-size:10px;margin-left:3px}.drawer-top button{background:transparent;border:0;font-size:29px;line-height:1}.drawer-group{padding:12px 18px;border-bottom:1px solid #eee}.drawer-group h2{font-size:13px;color:#c43a22;margin:0 0 5px}.drawer-group nav{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.drawer-group a{display:flex;align-items:center;min-height:42px;font-size:14px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;height:62px;background:white;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ededed;z-index:70;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;font-size:12px;color:#555}.mobile-bottom a span{font-size:21px;line-height:1.1}.mobile-bottom a.bottom-register{color:#f45132}.site-main{padding-bottom:76px}.to-top{bottom:78px}.footer-bottom{padding-bottom:70px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:29px}.footer-grid{grid-template-columns:repeat(2,1fr)}.grid-4,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.container{padding-left:16px;padding-right:16px}.hero{display:block;margin-top:20px}.hero .media{height:170px}.hero h1{font-size:28px;margin-top:14px}.section-head h2{font-size:21px}.home-section{margin:30px auto 36px}.grid-3,.split-feature,.grid-2,.page-layout,.gallery-grid{grid-template-columns:1fr}.grid-4{gap:12px}.category-card{padding:15px;min-height:230px}.category-card h3{font-size:17px}.category-card p{font-size:13px}.soft-section{padding:18px}.page-intro{padding:26px 0 20px}.page-intro h1{font-size:27px}.article-block h2{font-size:21px}.article-block p{font-size:15px}.article-hero .media{max-height:220px}.sidebar{order:2}.footer-grid{gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.catalog-grid{gap:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:365px){.brand img{max-width:98px}.brand-text{font-size:19px}.register-button{min-width:72px}.grid-4{grid-template-columns:1fr}.category-card{min-height:0}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card{padding:9px}.gallery-grid{grid-template-columns:1fr}.hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}