/* 开云体育：原创响应式资讯站点样式，无第三方依赖 */
:root{--bg:#f5fbff;--white:#fff;--soft:#eaf7fc;--pale:#dff5fb;--cyan:#25c8d1;--sky:#25b6e8;--blue:#1787db;--navy:#174b78;--title:#173b60;--body:#2d4359;--muted:#687f93;--border:#dcebf3;--footer:#123653;--shadow:0 10px 35px rgba(23,75,120,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--body);background:var(--bg);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:var(--navy);text-decoration:none}a:hover{color:var(--blue)}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,h4{color:var(--title);line-height:1.38;margin:0 0 .75em;letter-spacing:-.025em}h1{font-size:clamp(27px,3.25vw,40px)}h2{font-size:clamp(20px,2.2vw,26px)}h3{font-size:19px}p{margin:0 0 1.15em}ul,ol{padding-left:1.45em}li{margin:.35em 0}small{font-size:13px}.container{max-width:1160px;margin:0 auto;padding:0 24px}.narrow{max-width:820px}.eyebrow{display:inline-block;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;color:#087f9d;margin-bottom:13px}.muted{color:var(--muted)}.lead{font-size:18px;line-height:1.85;color:#3a5671}.skip-link{position:absolute;z-index:150;top:-80px;left:12px;padding:8px 15px;background:white}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;gap:24px;min-height:72px}.site-logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:var(--title)}.site-logo img{display:block;width:auto;height:37px;max-width:174px;object-fit:contain}.brand-emblem{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;font-size:24px;font-weight:900;font-style:italic}.brand-copy{font-size:18px;font-weight:900;line-height:1.1;letter-spacing:.02em}.brand-copy small{display:block;font-size:9px;letter-spacing:.13em;margin-top:4px;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);margin-left:auto}.desktop-nav a{font-size:14px;color:var(--navy);font-weight:700;white-space:nowrap;padding:21px 0 19px;border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:#087f9d;border-bottom-color:var(--cyan)}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:42px;padding:0 18px;border-radius:999px;color:white!important;background:linear-gradient(110deg,#25c8d1,#25b6e8,#1787db);font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 6px 16px rgba(37,182,232,.18)}.main-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.header-cta{margin-left:7px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--border);background:#fff;width:42px;height:42px;border-radius:12px}.menu-toggle span{width:19px;height:2px;background:var(--navy);border-radius:2px}.drawer-backdrop{position:fixed;z-index:100;inset:0;background:rgba(11,36,60,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{position:fixed;z-index:101;inset:0 auto 0 0;width:min(86vw,340px);background:white;box-shadow:20px 0 50px rgba(20,60,90,.18);transform:translateX(-105%);visibility:hidden;transition:transform .23s,visibility .23s;display:flex;flex-direction:column}.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.drawer-label{font-weight:800;color:var(--title)}.drawer-close{border:0;background:var(--soft);font-size:26px;line-height:1;border-radius:10px;width:36px;height:36px;color:var(--navy)}.drawer-content{padding:6px 20px 24px;overflow:auto}.drawer-group{padding:15px 0;border-bottom:1px solid var(--border)}.drawer-group span{display:block;color:#07869a;font-size:12px;font-weight:800;margin-bottom:8px;letter-spacing:.07em}.drawer-group a{display:block;padding:8px 9px;border-radius:9px;color:var(--body);font-size:15px}.drawer-group a:hover{background:var(--soft)}
main{min-height:65vh}.hero{padding:58px 0 45px;background:radial-gradient(circle at 80% 30%,#d6f4fb 0,transparent 34%),linear-gradient(150deg,#f7fcff,#e8f7fd)}.hero-grid{display:grid;grid-template-columns:1.09fr .91fr;gap:45px;align-items:center}.hero h1{max-width:640px}.hero p{max-width:600px}.hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ghost-btn{display:inline-flex;height:42px;padding:0 18px;border:1px solid #b7dae8;border-radius:999px;align-items:center;font-weight:700;background:rgba(255,255,255,.8)}.hero-note{font-size:13px;color:var(--muted);margin-top:20px}.media{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;background:var(--soft);border-radius:15px}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.hero-media{height:300px;box-shadow:var(--shadow);background:linear-gradient(135deg,#d8f3f9,#eefaff)}.card-media{height:176px}.wide-media{height:240px}.portrait-media{height:310px;max-width:360px;margin:auto}.media-placeholder{display:flex;flex-direction:column;gap:14px;color:#6187a0;font-size:13px;text-align:center;padding:18px;border:1px solid #d5edf5}.placeholder-mark{display:block;width:56px;height:56px;border:2px solid #a5dce9;border-radius:50%;position:relative}.placeholder-mark:before,.placeholder-mark:after{content:'';position:absolute;background:#a5dce9}.placeholder-mark:before{height:2px;width:26px;left:13px;top:26px;transform:rotate(-35deg)}.placeholder-mark:after{width:9px;height:9px;border-radius:50%;top:13px;right:13px}
.section{padding:45px 0}.section.alt{background:#fff}.section-heading{margin-bottom:22px;scroll-margin-top:100px}.section-heading h2{margin-bottom:10px}.section-heading p{max-width:730px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:15px;background:white;padding:24px;box-shadow:var(--shadow)}.card h3{margin:0 0 9px}.card p{font-size:15px;color:#536e83}.card .small-link{display:inline-flex;font-size:14px;font-weight:800;color:#087f9d;margin-top:8px}.topic-card{position:relative;display:flex;flex-direction:column;min-height:183px}.topic-card .count{font-size:12px;font-weight:900;color:#0b92ab;letter-spacing:.1em;margin-bottom:18px}.topic-card .small-link{margin-top:auto}.feature-card{padding:0;overflow:hidden}.feature-card .card-body{padding:21px 24px}.feature-card .media{border-radius:0}.feature-card h3{margin-bottom:8px}.feature-card .small-link{margin-top:0}.editor-strip{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:27px;border-radius:17px;background:linear-gradient(105deg,#e2f7fc,#f7fcff);border:1px solid #cceaf5}.editor-strip strong{color:var(--title)}.outline-list{list-style:none;padding:0;margin:0}.outline-list li{margin:0;border-bottom:1px solid var(--border)}.outline-list a{display:flex;justify-content:space-between;gap:14px;padding:13px 0;font-weight:700}.outline-list small{font-weight:400;color:var(--muted)}.tag{font-size:12px;font-weight:800;color:#087f9d;letter-spacing:.06em}.reading-path{padding:25px;border-radius:15px;background:#eaf7fc;border:1px solid #cfeaf2}.reading-path p:last-child{margin:0}
.page-banner{padding:58px 0 36px;background:linear-gradient(135deg,#e8f8fc,#f8fdff);border-bottom:1px solid var(--border)}.page-banner h1{max-width:850px;font-size:clamp(25px,2.95vw,34px);margin-bottom:12px}.page-banner .lead{max-width:790px;margin-bottom:0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:17px}.breadcrumbs a{color:#087f9d}.article-wrap{padding:42px 24px 54px}.article{max-width:820px;margin:auto}.article section{margin:0 0 39px}.article p{font-size:16px}.article h2{padding-bottom:11px;border-bottom:1px solid var(--border);margin-bottom:19px}.article h3{margin-top:23px}.article .media{margin:22px 0}.article .notice{padding:16px 20px;background:#eaf7fc;border-left:4px solid var(--cyan);border-radius:0 10px 10px 0;font-size:15px}.article .quote{border-left:3px solid var(--blue);padding:7px 22px;margin:20px 0;color:var(--title);font-size:19px;font-weight:700}.article .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.mini-grid>div{border:1px solid var(--border);background:#fff;padding:17px;border-radius:12px}.mini-grid strong{color:var(--title)}.article .steps{counter-reset:step;list-style:none;padding:0}.article .steps li{position:relative;padding:0 0 20px 47px;border-left:2px solid var(--border);margin:0 0 0 13px}.article .steps li:last-child{border-left:0}.article .steps li:before{counter-increment:step;content:counter(step);position:absolute;left:-16px;top:0;background:var(--blue);color:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}.table-scroll{overflow-x:auto;margin:22px 0}table{width:100%;border-collapse:collapse;min-width:500px;font-size:15px;background:#fff}th,td{text-align:left;border:1px solid var(--border);padding:12px 14px;vertical-align:top}th{background:#eaf7fc;color:var(--title)}.fig-note{font-size:13px;color:var(--muted);margin-top:-10px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:20px 0 35px}.split-feature>div:first-child{min-width:0}.check-list{list-style:none;padding-left:0}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:'✓';position:absolute;left:0;font-weight:900;color:#0791aa}.faq-list details{border:1px solid var(--border);border-radius:12px;margin:10px 0;background:white;padding:14px 18px}.faq-list summary{font-weight:800;color:var(--title);cursor:pointer}.faq-list details p{margin:12px 0 0;font-size:15px}.related{max-width:1112px;margin:0 auto 45px;padding:28px 0 0;border-top:1px solid var(--border)}.related h2{margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-link{border:1px solid var(--border);border-radius:12px;background:#fff;padding:17px;display:flex;flex-direction:column;gap:7px}.related-link strong{font-size:16px}.related-link span{font-size:13px;color:var(--muted)}.related-link span:last-child{font-size:20px;color:var(--blue);align-self:flex-end;line-height:1}
.site-footer{background:var(--footer);color:#eaf7ff;margin-top:12px;padding:43px 0 0}.footer-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.footer-brand{color:#fff;font-size:23px;font-weight:900}.footer-brand small{color:#9eeaf3;font-size:11px;margin-left:10px;letter-spacing:.1em}.footer-about p{max-width:620px;font-size:14px;color:#cbe5f0;margin-top:12px}.footer-about .footer-caution{font-size:12px;color:#b4d1df}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;align-content:start}.footer-nav strong{grid-column:1/-1;margin-bottom:9px;color:white}.footer-nav a{color:#d1e8f3;font-size:14px}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:15px;padding-bottom:20px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#b5d6e4}.mobile-bottom{display:none}.back-top{position:fixed;bottom:30px;right:24px;z-index:30;background:var(--blue);color:#fff;border:0;border-radius:50%;width:44px;height:44px;box-shadow:0 8px 20px rgba(10,75,120,.23);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.back-top.is-visible{opacity:1;visibility:visible}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.header-inner{gap:13px}}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{min-height:60px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.menu-toggle{justify-self:start}.site-logo{justify-self:center}.site-logo img{height:29px;max-width:146px}.brand-emblem{width:29px;height:29px;flex-basis:29px;font-size:20px}.brand-copy{font-size:15px}.brand-copy small{font-size:7px}.header-cta{justify-self:end;margin:0;height:40px;padding:0 13px;min-width:auto;font-size:13px}.hero-grid{gap:22px}.hero-media{height:245px}.section{padding:35px 0}}
@media(max-width:680px){body{font-size:15px}.container{padding:0 16px}.hero{padding:28px 0 35px}.hero-grid{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch}.hero-media{height:200px}.hero h1{font-size:29px}.hero p{font-size:15px}.hero .hero-actions{margin-top:17px}.hero-note{margin-top:13px}.page-banner{padding:32px 0 26px}.page-banner h1{font-size:27px}.lead{font-size:16px}.grid-3,.grid-2,.related-grid{grid-template-columns:1fr}.topic-card{min-height:0}.editor-strip,.split-feature,.footer-layout{grid-template-columns:1fr;gap:16px}.card{padding:19px}.feature-card{padding:0}.feature-card .card-body{padding:18px}.section{padding:29px 0}.section-heading{margin-bottom:17px}.article-wrap{padding:28px 16px 34px}.article section{margin-bottom:32px}.article p{font-size:15px}.article .mini-grid{grid-template-columns:1fr}.article h2{font-size:21px}.card-media{height:150px}.wide-media{height:175px}.portrait-media{height:260px}.related{margin:0 16px 30px;padding-top:23px}.site-footer{padding-top:35px;padding-bottom:65px}.footer-layout{gap:18px}.footer-bottom{flex-direction:column;gap:3px;padding-top:12px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.98);box-shadow:0 -2px 16px rgba(18,54,83,.1);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:block;text-align:center;font-size:13px;font-weight:700;padding:10px 2px;color:var(--navy)}.mobile-bottom a[aria-current=page]{color:#078ca9}.back-top{bottom:70px;right:15px;width:39px;height:39px}.footer-brand{font-size:21px}}
@media(max-width:370px){.brand-copy{font-size:13px}.brand-copy small{font-size:6px}.header-cta{padding:0 10px;font-size:12px}.site-logo{gap:5px}.header-inner{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}