/* 开云体育：移动优先 / 内容型响应式资讯设计 */
:root{--bg:#f5fbff;--white:#fff;--muted-bg:#eaf7fc;--soft:#dff5fb;--cyan:#25c8d1;--sky:#25b6e8;--blue:#1787db;--navy:#174b78;--dark:#173b60;--text:#2d4359;--muted:#687f93;--border:#dcebf3;--footer:#123653;--shadow:0 16px 45px rgba(23,75,120,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif}body.drawer-open{overflow:hidden}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}img{max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;background:#fff;padding:10px;z-index:1000}.skip-link:focus{top:6px}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--border)}.header-inner{min-height:72px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;flex-shrink:0;min-width:0}.brand:hover{text-decoration:none}.logo-img{display:block;width:auto;height:36px;max-width:165px;object-fit:contain}.logo-word{display:flex;flex-direction:column;color:var(--dark);font-weight:900;font-size:22px;line-height:1.05;letter-spacing:.04em}.logo-word span{color:var(--cyan);display:inline}.logo-word small{font-size:9px;letter-spacing:.11em;margin-top:5px;color:var(--blue)}.desktop-nav{display:flex;gap:clamp(10px,1.55vw,24px);margin-left:auto;align-items:center;white-space:nowrap}.desktop-nav a{font-weight:700;font-size:14px;color:var(--dark);padding:22px 0;border-bottom:3px solid transparent}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:var(--blue);border-bottom-color:var(--cyan);text-decoration:none}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:42px;padding:0 20px;border-radius:999px;background:linear-gradient(110deg,#25c8d1,#25b6e8,#1787db);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 9px 22px rgba(37,182,232,.16)}.main-btn:hover{filter:brightness(.96);text-decoration:none;color:#fff}.header-action{margin-left:4px}.menu-toggle{display:none;width:42px;height:42px;align-items:center;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;cursor:pointer}.menu-toggle span{height:2px;width:22px;border-radius:2px;background:var(--dark)}.drawer-overlay{position:fixed;inset:0;background:rgba(8,35,57,.48);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.drawer-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);background:#fff;z-index:41;transform:translateX(-103%);visibility:hidden;transition:transform .22s,visibility .22s;overflow-y:auto;box-shadow:var(--shadow)}.mobile-drawer.is-open{visibility:visible;transform:translateX(0)}.drawer-head{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.drawer-close{background:#eaf7fc;border:0;border-radius:50%;width:39px;height:39px;cursor:pointer;font-size:28px;line-height:1}.drawer-links{padding:12px 20px 40px}.drawer-group{padding:14px 0;border-bottom:1px solid var(--border)}.drawer-group b{display:block;color:var(--dark);font-size:14px;margin-bottom:4px}.drawer-group a,.drawer-home{display:block;padding:7px 2px;color:var(--text);font-size:15px}.drawer-home{margin-top:15px;color:var(--blue);font-weight:bold}
main{min-height:60vh}.hero{background:linear-gradient(120deg,#e9fafe 0%,#f8fcff 68%,#ebf5ff 100%);border-bottom:1px solid var(--border)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding-block:54px}.eyebrow,.section-kicker{display:inline-block;color:#117dba;font-weight:800;font-size:13px;letter-spacing:.09em;text-transform:uppercase}.hero h1{font-size:clamp(32px,3.5vw,40px);line-height:1.35;color:var(--dark);margin:12px 0 17px}.hero p{max-width:615px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.outline-btn{border:1px solid #9bddec;color:var(--dark);display:inline-flex;align-items:center;padding:8px 22px;border-radius:30px;font-weight:700;background:#fff}.outline-btn:hover{text-decoration:none;background:var(--soft)}.media{background:linear-gradient(135deg,#dff5fb,#edf8ff);border-radius:16px;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.hero-media{height:310px}.feature-media{height:225px}.card-media{height:172px}.portrait-media{height:270px;max-width:360px;margin:auto}.banner-media{height:220px}.media-fallback{height:100%;width:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#4e91b2;text-align:center;padding:25px;font-size:14px;font-weight:700}.fallback-mark{font-size:42px;color:#89cde0;line-height:1}.section{padding-block:44px}.section.alt{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:23px}.section-heading h2,.content-section h2,.related h2{font-size:25px;line-height:1.4;color:var(--dark);margin:4px 0 8px}.section-heading p{margin:0;max-width:680px;color:var(--muted)}.section-heading>a{font-weight:bold;flex-shrink:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:23px;box-shadow:0 8px 28px rgba(23,75,120,.045)}.card:hover{border-color:#addce8}.card h3{color:var(--dark);font-size:19px;line-height:1.45;margin:7px 0 8px}.card p{margin:0 0 12px}.card .card-media{margin:-9px -9px 17px}.card-link{font-weight:bold}.number{font-size:13px;letter-spacing:.08em;color:#1387bf;font-weight:800}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature-split.reverse .media{order:-1}.feature-split h2{font-size:27px;color:var(--dark);line-height:1.4}.feature-split p{margin:0 0 15px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.article-list a{padding:16px 0;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;align-items:center;color:var(--dark);font-weight:bold}.article-list span{font-size:14px;color:var(--muted);font-weight:normal}.page-intro{padding:46px 0 35px;background:linear-gradient(130deg,#e7f8fc,#f5fbff);border-bottom:1px solid var(--border)}.crumbs{font-size:13px;color:var(--muted);margin-bottom:12px}.crumbs a{color:var(--navy)}.page-intro h1{color:var(--dark);font-size:34px;line-height:1.35;margin:6px 0 12px}.page-intro p{max-width:800px;margin:0;font-size:17px}.content-shell{padding-top:38px;padding-bottom:52px}.article-body{max-width:820px}.article-body.wide{max-width:100%}.article-body p{margin:0 0 17px}.content-section{margin-top:37px}.content-section:first-child{margin-top:0}.content-section h2{padding-left:15px;border-left:4px solid var(--cyan);margin-bottom:16px}.content-section h3{font-size:19px;line-height:1.5;color:var(--navy);margin:20px 0 9px}.content-section ul,.content-section ol{padding-left:23px}.content-section li{margin:9px 0}.lead{color:#385f7c;font-size:18px}.highlight-band{padding:22px 25px;background:#eaf7fc;border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;margin:28px 0}.highlight-band strong{color:var(--dark)}.comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.comparison>div{border-radius:14px;background:#fff;padding:22px;border:1px solid var(--border)}.comparison h3{margin-top:0}.info-table-wrap{overflow-x:auto;margin:18px 0 24px}.info-table{border-collapse:collapse;width:100%;font-size:15px;min-width:480px;background:#fff}.info-table th,.info-table td{border:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:top}.info-table th{background:#dff5fb;color:var(--dark)}.method-steps{counter-reset:step;list-style:none!important;padding:0!important;display:grid;gap:13px}.method-steps li{position:relative;padding:16px 18px 16px 59px;border:1px solid var(--border);border-radius:12px;background:#fff;margin:0!important}.method-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:17px;top:16px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;width:27px;height:27px;line-height:27px;text-align:center}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.story-item{border-top:3px solid var(--cyan);padding:18px;background:#fff;border-radius:4px 4px 12px 12px}.story-item h3{margin-top:0}.note{font-size:14px;color:var(--muted)}.related{margin-top:46px;border-top:1px solid var(--border);padding-top:25px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.related-link{display:flex;flex-direction:column;padding:17px;border:1px solid var(--border);background:#fff;border-radius:12px}.related-link strong{color:var(--dark)}.related-link span{font-size:14px;color:var(--muted)}.related-link span:last-child{color:var(--blue);font-weight:bold;text-align:right}.faq details{border-bottom:1px solid var(--border);padding:12px 0}.faq summary{font-weight:bold;color:var(--dark);cursor:pointer}.faq details p{margin:10px 0}.site-footer{background:var(--footer);color:#eaf7ff}.footer-wrap{display:grid;grid-template-columns:1.1fr 1fr 1.15fr;gap:35px;padding:43px 0}.site-footer .logo-word{color:#fff}.site-footer .footer-brand p,.footer-note p{font-size:14px;color:#c9e5f5;margin:9px 0}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:10px}.footer-links a{color:#eaf7ff;font-size:14px}.mobile-bottom{display:none}.back-top{position:fixed;right:25px;bottom:25px;z-index:15;border:0;background:var(--blue);color:white;width:42px;height:42px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.back-top.visible{opacity:1;visibility:visible}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f1a83b;outline-offset:3px}
@media(max-width:1100px){.desktop-nav{gap:9px}.desktop-nav a{font-size:13px}.header-inner{gap:12px}.header-action{padding-inline:14px}}
@media(max-width:980px){.header-inner{position:relative;min-height:60px;justify-content:space-between}.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner>.brand{position:absolute;left:50%;transform:translateX(-50%)}.logo-img{height:29px;max-width:132px}.logo-word{font-size:18px}.header-action{margin-left:auto;height:40px;padding:0 13px;font-size:13px}.hero-grid{gap:22px}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:680px){html{scroll-padding-top:60px}.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}.hero-grid{display:flex;flex-direction:column;padding-block:28px;align-items:stretch}.hero-grid>.media{order:-1}.hero h1{font-size:29px}.hero p,.page-intro p{font-size:15px}.hero-media{height:195px}.section{padding-block:29px}.section-heading{display:block}.section-heading h2,.content-section h2,.related h2{font-size:21px}.section-heading>a{display:inline-block;margin-top:9px}.grid-3,.grid-2,.comparison,.story-grid,.article-list,.related-grid{grid-template-columns:1fr}.card{padding:17px}.feature-split{display:flex;flex-direction:column;align-items:stretch;gap:16px}.feature-split .media{order:-1;max-width:100%}.feature-split h2{font-size:22px;margin:5px 0}.feature-media{height:180px}.card-media{height:150px}.portrait-media{height:210px}.banner-media{height:155px}.page-intro{padding:27px 0}.page-intro h1{font-size:26px}.content-shell{padding-top:25px;padding-bottom:36px}.content-section{margin-top:28px}.content-section h3{font-size:18px}.lead{font-size:16px}.highlight-band{padding:16px}.footer-wrap{grid-template-columns:1fr;gap:16px;padding:33px 0 88px}.footer-links{grid-template-columns:repeat(3,1fr)}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 -3px 20px rgba(23,75,120,.12);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:block;text-align:center;color:var(--dark);font-weight:700;padding:10px 0;font-size:13px}.mobile-bottom a[aria-current=page]{color:var(--blue)}.back-top{bottom:76px;right:16px}.header-inner{gap:4px}.menu-toggle{width:40px}.header-action{min-width:77px;padding:0 10px}.logo-img{max-width:112px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}