/* roulang page: index */
:root{
      --blue:#2463A7;--blue-deep:#17324D;--blue-hover:#1B548F;--sky:#F3F8FC;
      --berry:#8E5A78;--teal:#3D8B87;--text:#17324D;--muted:#5E7183;
      --line:#DCE8F2;--white:#fff;--radius:18px;--shadow:0 10px 28px rgba(27,72,112,.08);
      --shadow-hover:0 17px 38px rgba(27,72,112,.14);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--text);background:#fff;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.78}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(36,99,167,.28);outline-offset:3px}
    .shell{width:min(1180px,calc(100% - 80px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(27,72,112,.04);backdrop-filter:blur(12px)}
    .nav-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;min-width:max-content;font-weight:800;letter-spacing:-.04em;color:var(--blue-deep)}
    .brand-mark{width:31px;height:31px;border-radius:10px;background:var(--blue);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;height:2px;width:38px;background:#fff;opacity:.9;transform:rotate(-37deg);left:-5px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}
    .nav-links a{font-size:14px;font-weight:650;color:var(--muted);padding:10px 13px;border-radius:9px;transition:.18s ease}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf5fb}
    .lang{border:1px solid var(--line);background:var(--sky);color:var(--blue-deep);border-radius:999px;padding:8px 12px;font-size:13px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:750;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border .18s ease,box-shadow .18s ease}
    .btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(36,99,167,.19)}.btn-primary:hover{background:var(--blue-hover)}
    .btn-secondary{color:var(--blue);background:#fff;border-color:#bcd3e8}.btn-secondary:hover{background:#edf5fb}
    .menu-button{display:none;background:none;border:0;color:var(--blue-deep);padding:8px}
    .mobile-menu{display:none;border-top:1px solid var(--line);padding:14px 20px 20px;background:#fff}
    .mobile-menu a{display:block;padding:11px 4px;font-weight:700;color:var(--muted)}
    .section{padding:106px 0}.section-soft{background:var(--sky)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #cfe0ee;border-radius:999px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.04em}
    .eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}
    h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em}h2{letter-spacing:-.04em}
    .hero{background:var(--sky);padding:54px 0 74px;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-205px;border:55px solid rgba(36,99,167,.055);border-radius:50%}
    .dashboard{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:48px;overflow:hidden}
    .dashboard-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:42px;align-items:center}
    .hero-copy h1{font-size:clamp(32px,4vw,48px);line-height:1.18;margin:16px 0 17px;font-weight:850;color:var(--blue-deep)}
    .hero-copy p{max-width:625px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:25px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .dashboard-side{position:relative;padding:10px}
    .timeline{position:absolute;right:0;top:5px;width:80%;height:135px;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,#c4d9e9 19px,transparent 20px);border-bottom:2px solid #b6cfdf}
    .metric-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:13px;padding-top:47px}
    .metric{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;box-shadow:0 7px 16px rgba(27,72,112,.05);min-height:133px;position:relative;overflow:hidden}
    .metric:first-child{grid-row:span 2;background:#edf5fb;min-height:279px;padding-top:28px}
    .metric:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--blue)}
    .metric:nth-child(2):before{background:var(--berry)}.metric:nth-child(3):before{background:var(--teal)}
    .metric-label{display:block;font-size:12px;color:var(--muted);font-weight:700}.metric-num{display:block;font-size:31px;line-height:1.2;font-weight:850;color:var(--blue-deep);margin:10px 0 4px}.metric:first-child .metric-num{font-size:44px}.metric small{color:var(--muted);line-height:1.55;display:block}
    .trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}
    .trust-item{display:flex;gap:9px;align-items:center;padding:0 17px;border-right:1px solid var(--line);font-size:13px;color:var(--muted)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}
    .trust-icon{color:var(--teal);font-weight:900}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.28;font-weight:850;margin:13px 0 0}.section-head p{max-width:490px;color:var(--muted);margin:0;font-size:14px}
    .matrix{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:20px}.content-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:18px;box-shadow:var(--shadow);transition:.2s ease;display:flex;flex-direction:column;min-height:268px}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.content-card.featured{grid-row:span 2;min-height:556px;background:#f7fbfe}
    .thumb{height:93px;border-radius:13px;margin-bottom:18px;position:relative;overflow:hidden;background:#dcecf8}.featured .thumb{height:222px}
    .texture-a{background:linear-gradient(135deg,#2463a7 0%,#548cc2 47%,#dcebf7 48%,#f5f9fc 100%)}.texture-a:before{content:"";position:absolute;inset:14px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 2px,transparent 2px,transparent 10px);border-radius:10px}
    .texture-b{background:linear-gradient(120deg,#f0e5eb,#fff 44%,#dbeaf6)}.texture-b:after{content:"字幕 01:20  •  02:45";position:absolute;bottom:14px;left:15px;color:#49677e;font-size:10px;letter-spacing:.08em;border-top:1px solid #9bbcd6;padding-top:6px;width:80%}
    .texture-c{background:linear-gradient(135deg,#d9ece9 0 30%,#f6fbfb 30% 54%,#dbe9f6 54%)}.texture-c:before{content:"";width:66%;height:47%;border:1px solid rgba(36,99,167,.35);position:absolute;left:17%;top:25%;border-radius:50% 50% 8px 8px}
    .texture-d{background:repeating-linear-gradient(45deg,#e7f0f7 0,#e7f0f7 8px,#fafdff 8px,#fafdff 16px)}.texture-d:after{content:"";position:absolute;inset:22px;border:2px solid #8e5a78;border-radius:50% 10px 50% 10px;opacity:.6}
    .badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#e8f4f2;color:var(--teal)}.badge.purple{background:#f5ebf0;color:var(--berry)}.badge.blue{background:#e8f1f9;color:var(--blue)}
    .content-card h3{font-size:18px;line-height:1.38;margin:12px 0 8px;font-weight:800}.content-card p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:17px}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.card-link{font-weight:800;color:var(--blue);font-size:13px}
    .comparison-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
    .process{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px}.process span{font-size:12px;font-weight:800;color:var(--blue);background:#edf5fb;border:1px solid #d3e4f1;padding:7px 11px;border-radius:999px}.process i{height:1px;background:#bdd2e4;width:72px;display:block}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-box{padding:25px;border-radius:17px;background:#f3f7fa;border:1px solid #deebf3}.compare-box.good{background:#fff;border-color:#b9d4e9;box-shadow:0 9px 24px rgba(27,72,112,.07)}.compare-box h3{font-size:19px;margin:12px 0 16px;font-weight:850}.compare-list{padding:0;margin:0;list-style:none}.compare-list li{padding:11px 0;border-top:1px solid rgba(151,181,205,.35);font-size:14px;color:var(--muted)}.good .compare-list li{color:#29455e}.check{color:var(--teal);font-weight:900;margin-right:8px}.compare-note{margin-top:20px;border-radius:14px;background:#edf5fb;padding:15px 17px;color:var(--muted);font-size:13px}.compare-note a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}
    .updates-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px}.update-intro{padding:29px;border-radius:19px;background:var(--blue);color:#fff;box-shadow:var(--shadow)}.update-intro h2{font-size:29px;line-height:1.3;font-weight:850;margin:14px 0}.update-intro p{font-size:14px;opacity:.86;margin-bottom:18px}.update-list{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.update-item{padding:19px 22px;display:grid;grid-template-columns:94px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.update-item:last-child{border:0}.update-item time{font-size:12px;color:var(--blue);font-weight:800}.update-item strong{font-size:15px;display:block}.update-item span{font-size:13px;color:var(--muted)}
    .news-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:24px}.news-panel,.rule-panel{border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow);padding:12px 23px}.news-item{display:grid;grid-template-columns:98px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border:0}.news-item time{color:var(--muted);font-size:12px}.news-item h3{font-size:15px;margin:0;font-weight:800}.news-item p{font-size:12px;color:var(--muted);margin:3px 0 0}.rule-panel{padding:25px}.rule-panel h3{font-size:19px;font-weight:850;margin:11px 0}.rule-panel p{font-size:13px;color:var(--muted)}.rule-panel ul{padding:0;margin:17px 0;list-style:none}.rule-panel li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;color:#38536a}
    .faq-wrap{max-width:850px;margin:0 auto}.faq-head{text-align:center;margin-bottom:32px}.faq-head h2{font-size:34px;line-height:1.25;font-weight:850;margin:13px 0}.faq-head p{color:var(--muted);font-size:14px}
    .faq-item{border:1px solid var(--line);border-radius:15px;margin-bottom:12px;background:#fff;overflow:hidden;transition:.2s}.faq-item[open]{border-color:#aacbe3;background:#f7fbfe;box-shadow:0 8px 19px rgba(27,72,112,.06)}.faq-item summary{list-style:none;padding:18px 21px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:24px;line-height:1;color:var(--blue);font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 21px 19px;color:var(--muted);font-size:14px;line-height:1.85}.faq-more{text-align:center;margin:22px 0 0}.faq-more a{color:var(--blue);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
    .contact-area{padding:75px 0;background:#e8f2fa}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:35px;align-items:start}.contact-copy{padding:19px 5px}.contact-copy h2{font-size:34px;line-height:1.3;margin:13px 0;font-weight:850}.contact-copy p{color:var(--muted);font-size:14px}.submit-steps{margin-top:25px;padding:0;list-style:none}.submit-steps li{display:flex;align-items:center;gap:11px;margin:12px 0;color:#426078;font-size:14px}.step-no{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #bdd5e8;color:var(--blue);font-size:11px;font-weight:850}
    .form-card{background:#fff;border:1px solid #cddfea;border-radius:20px;padding:27px;box-shadow:var(--shadow)}.notice{font-size:12px;color:#486176;background:#f2f8fb;border-left:3px solid var(--teal);padding:9px 12px;margin-bottom:19px;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cdddea;background:#fff;color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:.18s}.field textarea{height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,99,167,.12)}.consent{display:flex;gap:8px;color:var(--muted);font-size:12px;align-items:flex-start;margin:2px 0 17px}.consent input{margin-top:5px;accent-color:var(--blue)}.privacy{font-size:12px;color:var(--muted);margin:11px 0 0}
    footer{background:#fbfdff;border-top:1px solid var(--line);padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:30px}.footer-brand p{font-size:13px;color:var(--muted);max-width:270px;margin-top:12px}.footer-col h3{font-size:13px;margin:0 0 12px;font-weight:850}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:8px 0}.footer-col a:hover{color:var(--blue)}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#73879a;font-size:12px}
    @media(max-width:1024px){.shell{width:min(100% - 48px,1180px)}.dashboard-grid,.contact-grid{grid-template-columns:1fr}.dashboard-side{max-width:620px}.matrix{grid-template-columns:repeat(2,1fr)}.content-card.featured{grid-row:auto;grid-column:span 2;min-height:390px}.featured .thumb{height:150px}.updates-grid,.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-col:last-child{display:none}}
    @media(max-width:767px){.shell{width:calc(100% - 40px)}.nav-row{height:64px;gap:10px}.brand{font-size:14px}.nav-links,.lang,.nav-row>.btn{display:none}.menu-button{display:block}.mobile-menu.open{display:block}.mobile-menu .btn{width:100%;margin-top:10px}.section{padding:65px 0}.hero{padding:31px 0 44px}.dashboard{padding:25px 20px;border-radius:19px}.hero-copy h1{font-size:31px}.dashboard-grid{gap:17px}.metric-grid{padding-top:29px}.metric:first-child{min-height:238px}.trust-row{grid-template-columns:1fr;gap:12px}.trust-item{padding:0;border:0}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:11px}.matrix{grid-template-columns:1fr;gap:15px}.content-card.featured{grid-column:auto;min-height:0}.featured .thumb,.thumb{height:142px}.compare-grid{grid-template-columns:1fr;gap:14px}.comparison-wrap{padding:16px}.process i{width:20px}.updates-grid{gap:16px}.update-item{grid-template-columns:76px 1fr}.update-item span:last-child{display:none}.news-panel{padding:8px 16px}.news-item{grid-template-columns:72px 1fr}.news-item>a{display:none}.contact-area{padding:58px 0}.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}}
    @media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr}.metric:first-child{grid-row:auto;grid-column:1/-1;min-height:170px}.metric:first-child .metric-num{font-size:36px}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.section-head h2,.faq-head h2,.contact-copy h2{font-size:27px}.news-item{grid-template-columns:1fr}.news-item time{color:var(--blue)}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
 --blue:#2463A7;--blue-deep:#17324D;--blue-hover:#1B548F;--sky:#F3F8FC;
 --berry:#8E5A78;--teal:#3D8B87;--text:#17324D;--muted:#5E7183;
 --line:#DCE8F2;--white:#fff;--radius:18px;--shadow:0 10px 28px rgba(27,72,112,.08);
 --shadow-hover:0 17px 38px rgba(27,72,112,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.78}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(100% - 96px,1280px);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(27,72,112,.04);backdrop-filter:blur(12px)}
.nav-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content;font-weight:800;letter-spacing:-.04em;color:var(--blue-deep)}
.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--blue);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;height:2px;width:38px;background:#fff;opacity:.9;transform:rotate(-37deg);left:-5px}
.brand-mark:before{top:10px}.brand-mark:after{top:19px}
.nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}
.nav-links a{font-size:14px;font-weight:650;color:var(--muted);padding:10px 13px;border-radius:9px;transition:.18s ease}
.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf5fb}
.lang-pill{display:flex;align-items:center;gap:7px;border:1px solid #cfe0ee;background:#f2f7fb;color:var(--blue-deep);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:750;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px)}.btn:focus,.filter-option:focus{outline:3px solid rgba(36,99,167,.22);outline-offset:2px}
.btn-primary{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(36,99,167,.19)}
.btn-primary:hover{background:var(--blue-hover)}
.btn-secondary{color:var(--blue);background:#fff;border-color:#bcd3e8}.btn-secondary:hover{background:#edf5fb}
.menu-button{display:none;background:none;border:0;color:var(--blue-deep);padding:8px}
.mobile-menu{display:none;border-top:1px solid var(--line);padding:14px 20px 20px;background:#fff}
.mobile-menu a{display:block;padding:11px 4px;font-weight:700;color:var(--muted)}
.page-hero{position:relative;overflow:hidden;background:var(--sky);padding:47px 0 52px;border-bottom:1px solid var(--line)}
.page-hero:before{content:"";position:absolute;width:410px;height:410px;right:-120px;top:-240px;border-radius:50%;border:54px solid rgba(36,99,167,.06)}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:center}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:13px}
.breadcrumb a{color:var(--blue);font-weight:700}.breadcrumb span{color:#9fb1c0}
h1{font-size:clamp(29px,4vw,43px);line-height:1.2;letter-spacing:-.045em;margin:0 0 13px;font-weight:850;color:var(--blue-deep)}
.hero-copy p{max-width:720px;color:var(--muted);margin:0;font-size:15px}
.info-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;background:#e8f4f2;color:var(--teal)}
.badge.blue{background:#e8f1f9;color:var(--blue)}.badge.purple{background:#f5ebf0;color:var(--berry)}
.index-art{height:188px;padding:22px;border:1px solid rgba(188,211,232,.9);background:rgba(255,255,255,.78);border-radius:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.index-art:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-50px;bottom:-95px;background:repeating-linear-gradient(130deg,rgba(36,99,167,.13) 0 2px,transparent 2px 12px)}
.art-label{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 7px 18px rgba(27,72,112,.08);border-radius:10px;padding:7px 11px;font-size:12px;font-weight:800;color:var(--blue-deep)}
.art-label.one{top:29px;left:28px}.art-label.two{top:75px;left:70px;color:var(--berry)}.art-label.three{top:121px;left:38px;color:var(--teal)}
.track{position:absolute;right:23px;top:34px;width:102px;height:95px;border-left:2px solid #9ebedf;background:repeating-linear-gradient(to bottom,transparent 0 17px,rgba(36,99,167,.18) 17px 19px)}
.track:after{content:"";position:absolute;width:66px;height:7px;border-radius:99px;top:38px;left:13px;background:var(--blue)}
.section{padding:96px 0}.section-soft{background:var(--sky)}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}
.filter-panel{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.filter-title strong{font-size:17px}.reset{border:0;background:none;color:var(--blue);font-size:13px;font-weight:800;padding:2px}
.filter-group{padding:16px 0;border-top:1px solid var(--line)}.filter-group h3{font-size:13px;margin:0 0 9px;font-weight:850;color:var(--blue-deep)}
.filter-option{display:flex;gap:9px;align-items:center;width:100%;padding:7px 8px;margin:2px 0;border:0;background:transparent;border-radius:9px;color:var(--muted);font-size:13px;text-align:left;transition:.18s ease}
.filter-option:hover,.filter-option.selected{background:#edf5fb;color:var(--blue)}.check{width:15px;height:15px;border:1px solid #b9cedf;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.selected .check{background:var(--blue);border-color:var(--blue)}
.result-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.result-head h2{margin:0;font-size:24px;line-height:1.35;font-weight:850}.result-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.sort-box{display:flex;align-items:center;gap:8px}.sort-select{border:1px solid var(--line);border-radius:10px;padding:9px 28px 9px 11px;background:#fff;color:var(--blue-deep);font-size:13px;outline:none}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.content-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:15px;box-shadow:var(--shadow);transition:.2s ease;display:flex;flex-direction:column;min-height:325px;overflow:hidden}
.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.featured{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;min-height:270px;padding:18px;background:#f9fcfe}
.thumb{height:145px;border-radius:13px;position:relative;overflow:hidden;margin-bottom:14px}.featured .thumb{height:auto;margin:0;min-height:230px}
.texture-a{background:linear-gradient(135deg,#2463a7 0%,#578fc4 50%,#dcebf7 51%,#f5f9fc 100%)}.texture-a:before{content:"";position:absolute;inset:13px;border-radius:10px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.48) 0 2px,transparent 2px 10px)}
.texture-b{background:linear-gradient(135deg,#eff6fb 0 34%,#8e5a78 35% 42%,#d9bccc 43% 51%,#f4edf1 52%)}.texture-b:after{content:"";position:absolute;inset:30px 17px;background:repeating-linear-gradient(to right,rgba(255,255,255,.73) 0 18px,transparent 18px 26px);border-top:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8)}
.texture-c{background:linear-gradient(145deg,#17324d,#3d8b87 58%,#dff1ee 59%)}.texture-c:before{content:"";position:absolute;left:18px;right:18px;bottom:21px;height:39px;border-radius:8px;background:repeating-linear-gradient(to right,rgba(255,255,255,.85) 0 21px,transparent 21px 29px)}
.texture-d{background:linear-gradient(130deg,#ecf4fa,#fff 42%,#c5dff1 43% 48%,#f5ebf0 49%)}.texture-d:after{content:"";position:absolute;width:105px;height:105px;right:25px;top:15px;border-radius:50%;border:16px solid rgba(36,99,167,.12)}
.texture-e{background:linear-gradient(135deg,#f8fbfd,#d5e7f5)}.texture-e:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(36,99,167,.1) 16px 17px)}
.thumb-top{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px}.mini-date{padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.88);color:var(--blue-deep);font-size:10px;font-weight:800}
.content-card h3{font-size:18px;line-height:1.38;margin:0 0 7px;font-weight:850}.content-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 13px}
.featured-copy{display:flex;flex-direction:column}.feature-list{margin:2px 0 15px;padding:0;list-style:none}.feature-list li{padding:5px 0;color:var(--muted);font-size:13px}.feature-list li:before{content:"✓";color:var(--teal);font-weight:900;margin-right:8px}
.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{padding:3px 7px;border:1px solid #d5e4ef;background:#f8fbfd;border-radius:7px;color:var(--muted);font-size:11px;font-weight:700}
.card-foot{margin-top:14px;padding-top:12px;border-top:1px solid #e7eff5;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.card-link{font-weight:850;color:var(--blue);font-size:13px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.page-btn{min-width:39px;height:39px;border:1px solid #bfd5e8;border-radius:10px;background:#fff;color:var(--blue);font-weight:800;font-size:13px}.page-btn:hover{background:#edf5fb}.page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.browse-strip{margin-top:66px;border:1px solid #cfe0ee;background:#fff;border-radius:18px;padding:20px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.browse-strip p{margin:4px 0 0;color:var(--muted);font-size:14px}.browse-strip h2{font-size:19px;margin:0;font-weight:850}
.mini-faq{padding:82px 0}.mini-faq h2{text-align:center;font-size:30px;margin:0 0 26px;font-weight:850}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow)}.faq-item h3{font-size:15px;margin:0 0 8px}.faq-item p{font-size:13px;color:var(--muted);margin:0}
.cta-box{margin:0 0 94px;background:#eaf3fa;border:1px solid #cfe1ef;border-radius:22px;padding:31px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-box h2{margin:0 0 7px;font-size:25px;line-height:1.35;font-weight:850}.cta-box p{margin:0;color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);background:#fbfdff;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:36px}.footer-brand p{max-width:300px;margin:14px 0 0;color:var(--muted);font-size:13px}.footer-col h3{font-size:14px;margin:0 0 13px}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:7px 0;transition:.18s}.footer-col a:hover{color:var(--blue);padding-left:3px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:19px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}
@media(max-width:1024px){.shell{width:min(100% - 56px,1280px)}.nav-links{display:none}.menu-button{display:block}.hero-grid{grid-template-columns:1fr 290px}.layout{grid-template-columns:220px minmax(0,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:768px){.shell{width:min(100% - 40px,1280px)}.nav-row{height:64px;gap:10px}.brand{font-size:14px}.lang-pill{display:none}.mobile-menu.open{display:block}.page-hero{padding:34px 0}.hero-grid{grid-template-columns:1fr}.index-art{display:none}.section{padding:62px 0}.layout{display:block}.filter-panel{position:static;padding:14px;margin-bottom:24px;display:flex;gap:7px;overflow-x:auto;box-shadow:none}.filter-title,.filter-group{display:contents}.filter-title strong,.reset,.filter-group h3{display:none}.filter-option{width:auto;white-space:nowrap;border:1px solid var(--line);padding:7px 10px}.result-head{align-items:flex-end}.sort-box{display:none}.featured{grid-column:span 1;display:flex}.featured .thumb{height:160px;min-height:0}.card-grid{gap:16px}.browse-strip,.cta-box{display:block;padding:24px}.browse-strip .btn,.cta-box .btn{margin-top:16px}.faq-grid{grid-template-columns:1fr}.mini-faq{padding:60px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}}
@media(max-width:520px){.shell{width:min(100% - 32px,1280px)}h1{font-size:29px}.card-grid{grid-template-columns:1fr}.result-head h2{font-size:21px}.content-card{min-height:300px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-col:last-child{display:block}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}