:root {    
        --pri: #2f5bd8;
        --pri2: #2143ab;
        --acc: #ffc93c;
        --dk1: #16255c;
        --dk2: #0b1330;   
        --ftr: #0d1434;
        --ink: #17212f;
        --mut: #5c6b80;
        --line: rgba(23, 33, 47, 0.14);
        --pri-soft: rgba(47, 91, 216, 0.09);
        --pri-mid: rgba(47, 91, 216, 0.22);
        --acc-soft: rgba(255, 201, 60, 0.16);   
        --card-shadow: 7px 8px 0 rgba(23, 33, 47, 0.07);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    body {   
        margin: 0;
        min-width: 320px;   
        color: var(--ink);
        font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
        background: 
            linear-gradient(180deg, #eef2f7 0%, #f6f8fb 42%, #ffffff 100%);
        overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; } 

    .w45a3-wrap {
        width: min(1160px, calc(100% - 32px));
        margin: 0 auto;
    }

    /* ---------- 顶部公告条(位于导航上方) ---------- */
    .w45a3-topbar { 
        color: rgba(255, 255, 255, 0.86);
        background: var(--dk2);   
        font-size: 13px;     
        font-weight: 600;
    }

    .w45a3-topbar-in {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    } 
 
    .w45a3-topbar p { margin: 0; display: flex; align-items: center; gap: 8px; } 

    .w45a3-topbar b {
        width: 8px; height: 8px;
        border-radius: 50%;
        background: #34e58c;     
        animation: w45a3p 1.5s ease-in-out infinite;
    }
   
    .w45a3-topbar em {
        font-style: normal;
        color: var(--acc);
        letter-spacing: 0;
        font-size: 12px;
        white-space: nowrap;
    } 

    /* ---------- 页头 ---------- */
    .w45a3-head {
        position: sticky;
        top: 0;
        z-index: 60;
        background: #fff;
        border-bottom: 2px solid var(--ink);
    }

    .w45a3-head-in {
        min-height: 68px; 
        display: flex;
        align-items: center;   
        justify-content: space-between;
        gap: 20px;
    }

    .w45a3-brand {
        display: inline-flex;
        align-items: center;     
        gap: 10px;
        white-space: nowrap;
    }

    .w45a3-brand i {     
        width: 40px; height: 40px;
        display: grid;
        place-items: center;
        font-style: normal;
        font-weight: 900;
        font-size: 19px;
        color: #fff;
        background: linear-gradient(140deg, var(--pri), var(--pri2));
        border: 2px solid var(--ink);
        box-shadow: 3px 3px 0 rgba(23, 33, 47, 0.85);
    }

    .w45a3-brand strong {
        display: block;
        font-size: 17px;
        letter-spacing: 0;
        line-height: 1.1;
    }

    .w45a3-brand small {
        display: block;
        margin-top: 3px;
        color: var(--mut);
        font-size: 10px; 
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .w45a3-nav ul {
        display: flex;
        align-items: center;
        gap: 2px;
        margin: 0;     
        padding: 0;
        list-style: none;
        font-size: 14px;
        font-weight: 700;
    }

    .w45a3-nav a {
        display: inline-flex;
        align-items: center; 
        min-height: 36px;
        padding: 0 13px;
        color: #33445c;    
        border-bottom: 3px solid transparent;
        transition: 0.2s ease;
    }  

    .w45a3-nav a:hover {
        color: var(--pri2);
        border-bottom-color: var(--acc);
        background: var(--pri-soft);
    }

    .w45a3-cta {   
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 18px; 
        font-size: 14px;
        font-weight: 800;   
        color: var(--ink);  
        background: var(--acc);
        border: 2px solid var(--ink);
        box-shadow: 3px 3px 0 rgba(23, 33, 47, 0.85);
        transition: 0.18s ease;
    } 

    .w45a3-cta:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 rgba(23, 33, 47, 0.85); }
    
    /* ---------- 首屏 ---------- */    
    .w45a3-lead {
        position: relative;
        color: #fff; 
        overflow: hidden;
        isolation: isolate;
        background:  
            linear-gradient(112deg, var(--dk1) 0%, var(--dk1) 58%, var(--dk2) 58.2%, var(--dk2) 100%);
    }

    .w45a3-lead::before {
        content: "";
        position: absolute;  
        inset: 0;
        z-index: -1;
        opacity: 0.5;
        background:
            repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 84px),
            repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 84px);
    }    

    .w45a3-lead::after {
        content: "FULL TIME";
        position: absolute;
        left: -14px;
        bottom: -26px;  
        z-index: -1;
        color: rgba(255, 255, 255, 0.06);
        font-size: clamp(64px, 12vw, 168px);
        font-weight: 900;  
        letter-spacing: 0;
        line-height: 0.82;
        white-space: nowrap;
    }

    .w45a3-lead-in {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 46px;
        align-items: center;
        padding: 64px 0 70px;
    }
   
    /* 镜像变体:首屏左右对调 */
    .w45a3-lead-in { direction: rtl; }
    .w45a3-lead-in > * { direction: ltr; }

    .w45a3-tag {    
        display: inline-flex;   
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 6px 12px;
        color: var(--acc);
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.06);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0;
    }    
  
    .w45a3-tag b {
        width: 8px; height: 8px;
        border-radius: 50%;     
        background: #34e58c;
        animation: w45a3p 1.5s ease-in-out infinite;
    }    

    .w45a3-lead h1 {
        margin: 20px 0 14px;
        max-width: 700px;
        font-size: clamp(34px, 4.8vw, 58px);
        line-height: 1.08;
        letter-spacing: 0;
    }

    .w45a3-lead-in > div > p:not(.w45a3-tag) {
        max-width: 620px;
        margin: 0; 
        color: rgba(255, 255, 255, 0.76);
        font-size: 16px;     
        line-height: 1.9;
    }   

    .w45a3-acts {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 26px;
    }     
    
    .w45a3-btn {   
        display: inline-flex;   
        align-items: center;
        justify-content: center; 
        min-height: 46px;
        padding: 0 24px;
        font-weight: 800;
        font-size: 15px;
        cursor: pointer;  
        border: 2px solid transparent;  
        transition: 0.18s ease;    
    }

    .w45a3-btn-solid {
        color: var(--ink);
        background: var(--acc);
        border-color: rgba(0, 0, 0, 0.55);
        box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
    }

    .w45a3-btn-line {    
        color: #fff;
        border-color: rgba(255, 255, 255, 0.55);
        background: transparent;  
    }

    .w45a3-btn:hover { transform: translate(-1px, -2px); }

    .w45a3-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;     
        margin: 34px 0 0;
        max-width: 620px;
    }

    .w45a3-facts > div {
        padding: 14px 16px;
        border: 1px solid rgba(255, 255, 255, 0.22);
        background: rgba(255, 255, 255, 0.06);
    }
    
    .w45a3-facts dt {
        color: rgba(255, 255, 255, 0.6);
        font-size: 12px;
        font-weight: 700;  
    }     

    .w45a3-facts dd {
        margin: 6px 0 0;
        color: var(--acc); 
        font-size: 24px;    
        font-weight: 900;
        line-height: 1;    
    }    

    /* ---------- 首屏赛况看板 ---------- */
    .w45a3-board {     
        border: 2px solid rgba(255, 255, 255, 0.24); 
        background: rgba(3, 12, 24, 0.5);
        backdrop-filter: blur(10px);
        box-shadow: 10px 12px 0 rgba(0, 0, 0, 0.28);   
    }

    .w45a3-board-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 14px 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
        font-size: 13px;
        letter-spacing: 0;
    }   

    .w45a3-pill {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        color: #0c5c30;
        background: rgba(52, 229, 140, 0.85);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0; 
        white-space: nowrap;
    }

    .w45a3-fx-list {
        margin: 0;   
        padding: 10px;
        list-style: none;
        display: grid;     
        gap: 8px;
    }
  
    .w45a3-fx {
        padding: 13px 14px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.05);
    }

    .w45a3-fx p {   
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;  
        margin: 0;
    }

    .w45a3-fx-meta {
        color: rgba(255, 255, 255, 0.55);
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 4px !important;  
    }

    .w45a3-fx-row { margin-top: 9px !important; font-size: 14px; font-weight: 800; }

    .w45a3-fx-row b {
        min-width: 38px;
        text-align: right;
        color: var(--acc);
        font-size: 19px;
        font-weight: 900;    
    }
  
    /* ---------- 通用区块 ---------- */
    .w45a3-sec { padding: 56px 0; }
    .w45a3-sec-alt { padding: 30px 0 56px; }

    .w45a3-sec-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 26px;
    }
   
    .w45a3-sec-head { flex-direction: column; align-items: center; text-align: center; }
 
    .w45a3-mark {
        display: inline-block;
        margin: 0 0 8px;
        color: var(--pri2);
        font-size: 12px;   
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .w45a3-sec-head h2 {
        margin: 0;
        font-size: clamp(25px, 3vw, 36px);
        line-height: 1.14;
        letter-spacing: 0;
    }
  
    .w45a3-sec-head h2::after {    
        content: "";  
        display: block;
        width: 52px;
        height: 5px;
        margin-top: 12px;
        background: var(--acc);
    }
  
    .w45a3-sec-head h2::after { margin-left: auto; margin-right: auto; }  
    
    .w45a3-sec-head > p {
        max-width: 480px;    
        margin: 0; 
        color: var(--mut);
        line-height: 1.85;
        font-size: 15px;
    }
    
    .w45a3-cols-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .w45a3-cols-2 {
        display: grid; 
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;  
    }

    /* ---------- 卡片 ---------- */
    .w45a3-card {
        position: relative;
        padding: 24px;
        border: 1px solid var(--line);
        border-top: 3px solid var(--pri);    
        background: #fff;
        box-shadow: var(--card-shadow); 
    }

    .w45a3-card h3 {
        margin: 16px 0 8px;    
        font-size: 19px;  
        letter-spacing: 0;
    }

    .w45a3-card p {   
        margin: 0;
        color: var(--mut);
        line-height: 1.85;
        font-size: 14.5px;
    }

    .w45a3-card p.w45a3-mark {
        margin: 14px 0 0;
        color: var(--pri2);
        font-size: 12px;
    }     

    .w45a3-num {
        display: inline-grid;
        place-items: center;
        min-width: 44px;
        height: 44px;
        padding: 0 8px;
        color: #fff;
        background: linear-gradient(140deg, var(--pri), var(--pri2));
        font-size: 17px;
        font-weight: 900;
        border: 2px solid var(--ink);
        box-shadow: 3px 3px 0 rgba(23, 33, 47, 0.75);
    }

    .w45a3-media {
        width: calc(100% + 48px);     
        height: 185px;     
        margin: -24px -24px 18px;
        object-fit: cover;
        background: var(--pri-soft);
        border-bottom: 2px solid var(--ink);
    }

    .w45a3-media-wide { height: 225px; }

    /* ---------- 首页横幅图 ---------- */
    .w45a3-banner {
        margin: 0;    
        position: relative;
        border: 2px solid var(--ink);
        box-shadow: 10px 12px 0 rgba(23, 33, 47, 0.14);     
        overflow: hidden;
    }

    .w45a3-banner img {
        width: 100%;
        height: 340px;
        object-fit: cover; 
    }

    .w45a3-banner figcaption {
        position: absolute;
        left: 0;    
        bottom: 0;
        max-width: 78%;
        padding: 12px 20px;
        color: #fff; 
        background: rgba(6, 16, 30, 0.82);    
        border-top: 2px solid var(--acc);
        border-right: 2px solid var(--acc);
        font-size: 14px;
        font-weight: 700;    
    }

    /* ---------- 图集拼贴 ---------- */
    .w45a3-mosaic {
        display: grid;    
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(2, 235px);
        gap: 16px;
    }

    .w45a3-shot {
        position: relative;
        margin: 0;
        overflow: hidden; 
        border: 2px solid var(--ink);
        background: var(--dk2);
    }

    .w45a3-shot-main { grid-row: span 2; }
     
    .w45a3-shot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;    
    }

    .w45a3-shot:hover img { transform: scale(1.04); }   

    .w45a3-shot figcaption { 
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;   
        padding: 12px 16px;
        color: #fff;
        background: linear-gradient(0deg, rgba(4, 12, 24, 0.92), rgba(4, 12, 24, 0.5) 78%, transparent);
    } 

    .w45a3-shot figcaption strong { display: block; font-size: 15px; }

    .w45a3-shot figcaption span {
        display: block;
        margin-top: 3px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 12.5px;
        line-height: 1.6;
    }

    /* ---------- 赛况数据表 ---------- */  
    .w45a3-ledger {
        overflow-x: auto;
        border: 2px solid var(--ink);
        background: #fff;
        box-shadow: var(--card-shadow);
    }

    .w45a3-ledger table {
        width: 100%;
        min-width: 640px;
        border-collapse: collapse;     
        font-size: 14px;
    }

    .w45a3-ledger th {
        padding: 13px 18px;
        color: #fff;
        background: linear-gradient(90deg, var(--pri2), var(--pri));
        text-align: left;     
        font-size: 12.5px;
        font-weight: 800;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .w45a3-ledger td {
        padding: 15px 18px;    
        border-top: 1px solid var(--line);
        font-weight: 700;
        color: #2b3a50;
    }

    .w45a3-ledger tbody tr:hover { background: var(--pri-soft); }
    
    .w45a3-ledger td b {   
        color: var(--pri2);   
        font-size: 16px;
        white-space: nowrap;
    }
    
    .w45a3-state {
        display: inline-flex;
        align-items: center;
        min-height: 26px;  
        padding: 0 10px;
        color: #0c6b36;
        background: rgba(52, 229, 140, 0.18);
        border: 1px solid rgba(12, 107, 54, 0.25);
        font-size: 12px;     
        white-space: nowrap;
    }
   
    /* ---------- 深色洞察卡 ---------- */
    .w45a3-dark-card {     
        border-top-color: var(--acc);
        color: #fff;
        background:
            radial-gradient(circle at 84% 8%, var(--acc-soft), transparent 34%),
            linear-gradient(150deg, var(--dk1), var(--dk2));
    }

    .w45a3-dark-card h3 { color: #fff; }
    .w45a3-dark-card > p { color: rgba(255, 255, 255, 0.74); }
    .w45a3-dark-card p.w45a3-mark { color: var(--acc); }

    .w45a3-kv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        padding: 12px 0;    
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.82);
        font-size: 14px;
        font-weight: 700;    
    }

    .w45a3-kv:last-of-type { border-bottom: 0; padding-bottom: 0; }
    
    .w45a3-kv b { color: var(--acc); font-size: 19px; }

    .w45a3-dark-card .w45a3-btn-line { color: #fff; }
    .w45a3-card .w45a3-btn-line { color: var(--ink); border-color: rgba(23, 33, 47, 0.4); }

    /* ---------- 内页页首 ---------- */
    .w45a3-crown {
        padding: 58px 0 46px;
        color: #fff; 
        background:
            linear-gradient(112deg, var(--dk1) 0%, var(--dk1) 64%, var(--dk2) 64.2%, var(--dk2) 100%);
        border-bottom: 4px solid var(--acc);   
    }
    
    .w45a3-crown h1 {  
        margin: 16px 0 10px; 
        font-size: clamp(30px, 4vw, 48px);     
        letter-spacing: 0;     
        line-height: 1.1;
    }

    .w45a3-crown p {     
        max-width: 700px;
        margin: 0;
        color: rgba(255, 255, 255, 0.76);
        line-height: 1.9;
        font-size: 15.5px;
    }

    .w45a3-crown p.w45a3-tag {
        color: var(--acc);
        font-size: 12px;
        line-height: 1.4;   
    }     

    /* ---------- 图文横排 ---------- */
    .w45a3-duo { 
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 30px;
        align-items: center;
        padding: 20px;     
        border: 2px solid var(--ink);  
        background: #fff;
        box-shadow: var(--card-shadow);
    }

    .w45a3-duo > img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        border: 1px solid var(--line);
    }

    .w45a3-duo h2 {
        margin: 12px 0 10px;
        font-size: clamp(26px, 3vw, 38px);  
        line-height: 1.14;
        letter-spacing: 0;
    }

    .w45a3-duo p { color: var(--mut); line-height: 1.9; margin: 0; }

    /* ---------- 文章 ---------- */
    .w45a3-post-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 24px;
        align-items: start;
    }

    .w45a3-prose {
        padding: 30px;
        border: 1px solid var(--line);
        border-top: 3px solid var(--pri);
        background: #fff;
        box-shadow: var(--card-shadow);
        color: #33435a;   
        font-size: 16.5px;
        line-height: 1.95;    
    }

    .w45a3-prose h2,
    .w45a3-prose h3 { color: var(--ink); letter-spacing: 0; }     

    .w45a3-cover {
        width: calc(100% + 60px); 
        height: 400px;
        margin: -30px -30px 26px;
        object-fit: cover;
        border-bottom: 2px solid var(--ink);
        background: var(--pri-soft);
    }

    .w45a3-crumbs {
        margin: 0 0 14px;     
        font-size: 13px;
        color: rgba(255, 255, 255, 0.62);    
        font-weight: 700;
    }

    .w45a3-crumbs a:hover { color: var(--acc); }     
    .w45a3-crumbs span { margin: 0 7px; opacity: 0.5; }

    .w45a3-tags {
        display: flex;    
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 28px;
        padding-top: 20px;
        border-top: 1px dashed var(--line);
        color: var(--mut);  
        font-size: 13.5px; 
        font-weight: 700;
    }

    .w45a3-tags em {
        display: inline-flex;
        align-items: center;
        min-height: 28px;  
        padding: 0 11px;    
        color: var(--pri2);
        background: var(--pri-soft);     
        border: 1px solid var(--pri-mid);
        font-style: normal; 
    }

    .w45a3-post-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;  
        margin-top: 26px;
    }

    .w45a3-post-nav a {
        display: block;
        min-height: 92px;
        padding: 16px;
        border: 1px solid var(--line); 
        background: #f7fafd;
        transition: 0.2s ease;
    }  

    .w45a3-post-nav a:hover {
        border-color: var(--pri);
        transform: translateY(-2px);
        box-shadow: 5px 6px 0 rgba(23, 33, 47, 0.08);
    }

    .w45a3-post-nav span {
        display: block;
        margin-bottom: 6px;
        color: var(--pri2);
        font-size: 12.5px;
        font-weight: 900;    
    }
   
    .w45a3-post-nav strong {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;  
        -webkit-box-orient: vertical;
        line-height: 1.55;
        font-size: 14.5px;
    }

    .w45a3-side {
        position: sticky;
        top: 92px;
        display: grid;     
        gap: 16px;
    }

    .w45a3-side-box {
        padding: 20px;
        border: 1px solid var(--line);
        border-top: 3px solid var(--acc);
        background: #fff;
        box-shadow: var(--card-shadow);
    }

    .w45a3-side-box h3 { margin: 0 0 12px; font-size: 18px; }

    .w45a3-mini-post,     
    .w45a3-side-lnk {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid var(--line);   
        color: #33445c;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.6;
        transition: 0.18s ease;  
    }

    .w45a3-mini-post { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 11px; align-items: center; }

    .w45a3-mini-post img {   
        width: 72px;
        height: 54px;
        object-fit: cover;
        border: 1px solid var(--line);
    }

    .w45a3-mini-post:hover, 
    .w45a3-side-lnk:hover { color: var(--pri2); }

    .w45a3-side-box a:last-child { border-bottom: 0; padding-bottom: 0; }
   
    /* ---------- 新闻列表 ---------- */
    .w45a3-news-card { padding: 0; overflow: hidden; }

    .w45a3-news-card > a { display: block; padding: 22px; }

    .w45a3-news-card img {
        width: calc(100% + 44px);
        height: 180px;
        margin: -22px -22px 16px;
        object-fit: cover;
        border-bottom: 2px solid var(--ink);
        background: var(--pri-soft);
    }
     
    .w45a3-news-card time {
        color: var(--pri2); 
        font-size: 12.5px;
        font-weight: 900;
        letter-spacing: 0;
    }

    .w45a3-news-card h3 {
        margin: 8px 0 8px;
        font-size: 17.5px;
        line-height: 1.45;  
    }

    .w45a3-news-card:hover { transform: translateY(-3px); transition: 0.2s ease; }

    /* ---------- FAQ ---------- */
    .w45a3-qa-list {
        display: grid;
        gap: 14px;
    }

    .w45a3-qa {
        border: 1px solid var(--line); 
        border-left: 4px solid var(--pri);
        background: #fff;
        box-shadow: var(--card-shadow);
    }

    .w45a3-qa summary {
        padding: 18px 22px;
        cursor: pointer;    
        font-size: 16px;
        font-weight: 800;
        list-style: none;
        position: relative;
    }

    .w45a3-qa summary::-webkit-details-marker { display: none; }  

    .w45a3-qa summary::after {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--pri);    
        font-size: 22px;
        font-weight: 900;
    }  

    .w45a3-qa[open] summary::after { content: "−"; }

    .w45a3-qa p {
        margin: 0;
        padding: 0 22px 20px;
        color: var(--mut);   
        line-height: 1.9;
        font-size: 14.5px;     
    }   

    /* ---------- 联系 ---------- */
    .w45a3-reach strong { 
        display: block;
        margin: 14px 0 4px;
        font-size: 18px;   
        letter-spacing: 0;
        word-break: break-all;
    }

    /* ---------- 页脚 ---------- */
    .w45a3-foot {
        margin-top: 20px;
        padding: 50px 0 26px;
        color: rgba(255, 255, 255, 0.72);
        background: var(--ftr);
        border-top: 4px solid var(--acc); 
    }
  
    .w45a3-foot-grid {
        display: grid; 
        grid-template-columns: 1.5fr 0.75fr 0.75fr 1fr;
        gap: 26px;
    }   

    .w45a3-foot h3 { margin: 0 0 12px; color: #fff; font-size: 18px; }

    .w45a3-foot h4 {
        margin: 0 0 12px;
        color: #fff;  
        font-size: 14px;
        letter-spacing: 0;
    }

    .w45a3-foot p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.85; }

    .w45a3-foot nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 9px;   
        font-size: 13.5px;
    }

    .w45a3-foot a:hover { color: var(--acc); }

    .w45a3-flinks {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.12); 
    }    

    .w45a3-flinks h4 { margin-bottom: 10px; }
   
    .w45a3-flinks div {   
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        font-size: 13px;
    }

    .w45a3-flinks div a {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        color: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(255, 255, 255, 0.14);  
    }

    .w45a3-flinks div a:hover { color: var(--acc); border-color: var(--acc); }

    .w45a3-copy {
        margin: 28px 0 0;  
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 12.5px;
        line-height: 1.8;
    }

    @keyframes w45a3p {
        0%, 100% { transform: scale(1); opacity: 1; }
        50% { transform: scale(0.75); opacity: 0.55; }
    }

    /* 圆角变体 */
    .w45a3-card,
    .w45a3-qa,
    .w45a3-side-box,
    .w45a3-fx,
    .w45a3-prose { border-radius: 10px; }
    .w45a3-board,    
    .w45a3-banner,
    .w45a3-mosaic .w45a3-shot,  
    .w45a3-ledger,
    .w45a3-duo { border-radius: 12px; }
    .w45a3-num,
    .w45a3-brand i,
    .w45a3-cta,
    .w45a3-btn,
    .w45a3-state,  
    .w45a3-pill { border-radius: 8px; }

    @media (max-width: 960px) {
        .w45a3-head-in {
            padding: 12px 0;  
            flex-wrap: wrap;
        }
     
        .w45a3-nav { order: 3; width: 100%; }

        .w45a3-nav ul {
            overflow-x: auto;
            padding-bottom: 4px;
        }
   
        .w45a3-topbar em { display: none; }    

        .w45a3-lead-in,
        .w45a3-cols-2,
        .w45a3-cols-3,
        .w45a3-foot-grid,
        .w45a3-duo, 
        .w45a3-post-layout { grid-template-columns: 1fr; }  

        .w45a3-side { position: static; }

        .w45a3-board { max-width: 520px; }

        .w45a3-mosaic {   
            grid-template-columns: 1fr;    
            grid-template-rows: none;
        }

        .w45a3-shot,     
        .w45a3-shot-main { min-height: 300px; grid-row: auto; }
     
        .w45a3-sec-head { flex-direction: column; align-items: flex-start; }
    }
   
    @media (max-width: 600px) {
        .w45a3-wrap { width: calc(100% - 22px); } 

        .w45a3-lead-in { padding: 44px 0 50px; } 

        .w45a3-sec { padding: 48px 0; }

        .w45a3-facts { grid-template-columns: 1fr 1fr; }

        .w45a3-banner img,
        .w45a3-duo > img,
        .w45a3-cover { height: 240px; }

        .w45a3-card { padding: 20px; }    

        .w45a3-media { width: calc(100% + 40px); margin: -20px -20px 16px; }

        .w45a3-prose { padding: 22px; font-size: 15.5px; }
     
        .w45a3-cover { width: calc(100% + 44px); margin: -22px -22px 20px; }

        .w45a3-post-nav { grid-template-columns: 1fr; }
  
        .w45a3-acts { flex-direction: column; align-items: stretch; }
    }


/* TianCMS conversion additions */
.w45a3-brand { text-decoration: none; }
.w45a3-brand-mark { display: inline-grid; place-items: center; width: 44px; height: 44px; background: linear-gradient(140deg, var(--pri), var(--pri2)); color: #fff; font-weight: 900; border: 2px solid var(--ink); box-shadow: 3px 3px 0 rgba(23, 33, 47, 0.72); }
.w45a3-brand-copy { display: grid; gap: 2px; }
.w45a3-brand-copy strong { color: var(--ink); font-size: 20px; line-height: 1; letter-spacing: 0; }
.w45a3-brand-copy small { color: var(--mut); font-size: 11px; font-weight: 800; letter-spacing: 0; }
.w45a3-news-card a { color: inherit; text-decoration: none; display: block; }
.w45a3-news-card time, .w45a3-meta { display: inline-block; margin: 10px 0; color: var(--mut); font-size: 13px; }
.w45a3-news-card picture, .w45a3-card picture { display: block; margin: -24px -24px 18px; }
.w45a3-news-card img, .w45a3-card picture img { width: 100%; height: 185px; object-fit: cover; display: block; background: var(--pri-soft); border-bottom: 2px solid var(--line); }
.w45a3-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.w45a3-pagination a { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-weight: 800; box-shadow: 3px 3px 0 rgba(23, 33, 47, 0.18); }
.w45a3-summary { display: block; margin: 0 0 22px; color: var(--ink); font-size: 18px; line-height: 1.8; }
.w45a3-article-body { color: var(--ink); font-size: 17px; line-height: 2; }
.w45a3-article-body h2, .w45a3-article-body h3 { margin: 28px 0 12px; color: var(--ink); }
.w45a3-article-body p, .w45a3-article-body ul, .w45a3-article-body ol, .w45a3-article-body blockquote { margin: 0 0 18px; }
.w45a3-lead-media { margin: 0 0 24px; }
.w45a3-lead-media picture, .w45a3-body-media picture { display: block; }
.w45a3-lead-media img, .w45a3-body-media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border: 2px solid var(--line); box-shadow: 6px 6px 0 rgba(23, 33, 47, 0.12); }
.w45a3-body-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 24px 0; }
.w45a3-post-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.w45a3-post-links div { padding: 16px; border: 1px solid var(--line); background: var(--pri-soft); }
.w45a3-side-list a { display: block; color: var(--ink); text-decoration: none; padding: 12px 0; border-bottom: 1px solid var(--line); }
.w45a3-empty { padding: 26px; border: 1px solid var(--line); background: #fff; color: var(--mut); }
@media (max-width: 760px) { .w45a3-body-media, .w45a3-post-links { grid-template-columns: 1fr; } .w45a3-brand-copy small { display: none; } }