/* roulang page: index */
:root{
      --color-primary:#123b5d;
      --color-primary-strong:#0b2a44;
      --color-secondary:#0f766e;
      --color-accent:#f2a900;
      --color-danger:#b42318;
      --color-success:#067647;
      --color-bg:#f5f8fb;
      --color-surface:#ffffff;
      --color-surface-soft:#edf4f8;
      --color-panel:#e8f1f5;
      --color-text:#152536;
      --color-muted:#607285;
      --color-light:#8ca0b3;
      --color-border:#d9e4ec;
      --color-border-strong:#b9cbd8;
      --shadow-sm:0 8px 22px rgba(18,59,93,.08);
      --shadow-md:0 16px 42px rgba(18,59,93,.12);
      --shadow-lg:0 26px 70px rgba(18,59,93,.18);
      --radius-xs:8px;
      --radius-sm:12px;
      --radius-md:18px;
      --radius-lg:26px;
      --radius-pill:999px;
      --space-section:86px;
      --container:1180px;
      --font-main:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    }

    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      margin:0;
      font-family:var(--font-main);
      color:var(--color-text);
      background:
        radial-gradient(circle at 8% 8%, rgba(15,118,110,.10) 0, transparent 26%),
        radial-gradient(circle at 92% 12%, rgba(242,169,0,.11) 0, transparent 22%),
        linear-gradient(180deg,#f7fbfd 0%, var(--color-bg) 42%, #ffffff 100%);
      line-height:1.75;
      font-size:16px;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{
      color:inherit;
      text-decoration:none;
      transition:color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
    }
    a:hover{color:var(--color-secondary);}
    img{max-width:100%;height:auto;display:block;}
    button,input,select,textarea{font-family:inherit;}
    button{cursor:pointer;}
    ::selection{background:rgba(15,118,110,.18);color:var(--color-primary-strong);}

    .site-shell{min-height:100vh;display:flex;flex-direction:column;}
    .container{
      width:min(var(--container), calc(100% - 40px));
      margin-inline:auto;
    }
    .section{padding:var(--space-section) 0;}
    .section.compact{padding:58px 0;}
    .section-top{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:24px;
      margin-bottom:30px;
    }
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 12px;
      border-radius:var(--radius-pill);
      color:var(--color-secondary);
      background:rgba(15,118,110,.09);
      border:1px solid rgba(15,118,110,.16);
      font-size:14px;
      font-weight:700;
      letter-spacing:.02em;
    }
    .section-title{
      margin:13px 0 0;
      color:var(--color-primary-strong);
      font-size:clamp(26px,3vw,40px);
      line-height:1.22;
      letter-spacing:-.03em;
      font-weight:850;
    }
    .section-desc{
      max-width:660px;
      margin:10px 0 0;
      color:var(--color-muted);
      font-size:17px;
      line-height:1.85;
    }

    .gov-topbar{
      background:var(--color-primary-strong);
      color:#dceaf4;
      font-size:13px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .topbar-inner{
      height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;min-width:0;}
    .topbar-item{
      display:inline-flex;
      align-items:center;
      gap:7px;
      white-space:nowrap;
      color:#dceaf4;
    }
    .topbar-item i{color:#9bd6cf;}
    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.94);
      backdrop-filter:saturate(160%) blur(16px);
      border-bottom:1px solid var(--color-border);
      box-shadow:0 6px 24px rgba(18,59,93,.05);
    }
    .nav-inner{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      color:var(--color-primary-strong);
      font-weight:900;
      letter-spacing:-.03em;
    }
    .brand-mark{
      width:44px;
      height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      color:#fff;
      background:
        linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
      box-shadow:0 10px 24px rgba(15,118,110,.24);
      flex:0 0 auto;
    }
    .brand-text{
      display:flex;
      flex-direction:column;
      line-height:1.15;
      font-size:20px;
      white-space:nowrap;
    }
    .brand-sub{
      font-size:12px;
      color:var(--color-muted);
      font-weight:700;
      letter-spacing:.14em;
      margin-top:4px;
    }
    .main-nav{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      padding:6px;
      border:1px solid var(--color-border);
      background:#f8fbfd;
      border-radius:var(--radius-pill);
    }
    .nav-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      padding:0 18px;
      border-radius:var(--radius-pill);
      color:var(--color-primary);
      font-weight:800;
      font-size:15px;
    }
    .nav-link:hover{
      background:#eef6f8;
      color:var(--color-secondary);
    }
    .nav-link.active{
      background:var(--color-primary);
      color:#fff;
      box-shadow:0 8px 18px rgba(18,59,93,.18);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .search-box{
      width:220px;
      display:flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border:1px solid var(--color-border);
      border-radius:var(--radius-pill);
      background:#fff;
      color:var(--color-muted);
      box-shadow:0 4px 14px rgba(18,59,93,.04);
    }
    .search-box input{
      width:100%;
      border:0;
      outline:0;
      box-shadow:none;
      padding:0;
      margin:0;
      height:auto;
      background:transparent;
      color:var(--color-text);
      font-size:14px;
    }
    .search-box:focus-within{
      border-color:rgba(15,118,110,.48);
      box-shadow:0 0 0 4px rgba(15,118,110,.10);
    }
    .mobile-toggle{
      display:none;
      width:44px;
      height:44px;
      border:1px solid var(--color-border);
      border-radius:14px;
      background:#fff;
      color:var(--color-primary);
      align-items:center;
      justify-content:center;
    }
    .mobile-panel{
      display:none;
      padding:0 0 18px;
      border-top:1px solid var(--color-border);
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:44px;
      padding:0 18px;
      border-radius:var(--radius-pill);
      border:1px solid transparent;
      font-weight:850;
      line-height:1;
      letter-spacing:.01em;
      user-select:none;
      transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
    }
    .btn:focus-visible,
    .nav-link:focus-visible,
    .brand:focus-visible,
    .mobile-toggle:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible{
      outline:3px solid rgba(15,118,110,.22);
      outline-offset:3px;
    }
    .btn:hover{transform:translateY(-2px);}
    .btn:active{transform:translateY(0);}
    .btn-primary{
      color:#fff;
      background:linear-gradient(135deg,var(--color-secondary),#0b5f59);
      box-shadow:0 12px 28px rgba(15,118,110,.24);
    }
    .btn-primary:hover{color:#fff;box-shadow:0 16px 36px rgba(15,118,110,.30);}
    .btn-secondary{
      color:var(--color-primary);
      background:#fff;
      border-color:var(--color-border-strong);
      box-shadow:0 8px 22px rgba(18,59,93,.06);
    }
    .btn-secondary:hover{color:var(--color-primary-strong);border-color:rgba(18,59,93,.35);box-shadow:0 14px 30px rgba(18,59,93,.10);}
    .btn-ghost{
      color:var(--color-secondary);
      background:rgba(15,118,110,.08);
      border-color:rgba(15,118,110,.18);
    }
    .btn-small{min-height:36px;padding:0 13px;font-size:14px;}

    .hero{
      padding:54px 0 34px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.18));
    }
    .hero-board{
      position:relative;
      overflow:hidden;
      border-radius:32px;
      padding:42px;
      background:
        linear-gradient(135deg,rgba(18,59,93,.98) 0%,rgba(13,67,85,.94) 48%,rgba(15,118,110,.88) 100%);
      color:#fff;
      box-shadow:var(--shadow-lg);
      isolation:isolate;
    }
    .hero-board:before{
      content:"";
      position:absolute;
      inset:-40%;
      background:
        radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 24%),
        radial-gradient(circle at 80% 64%,rgba(242,169,0,.22),transparent 22%);
      z-index:-2;
    }
    .hero-board:after{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
      background-size:34px 34px;
      mask-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18));
      z-index:-1;
    }
    .hero-content{
      display:grid;
      grid-template-columns:minmax(0,1fr) 360px;
      gap:34px;
      align-items:stretch;
    }
    .hero-labels{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:18px;
    }
    .badge{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:7px 12px;
      border-radius:var(--radius-pill);
      font-size:13px;
      font-weight:850;
      line-height:1;
      border:1px solid transparent;
    }
    .badge-light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20);color:#fff;}
    .badge-green{background:rgba(15,118,110,.10);border-color:rgba(15,118,110,.18);color:var(--color-secondary);}
    .badge-gold{background:rgba(242,169,0,.14);border-color:rgba(242,169,0,.26);color:#8a5a00;}
    .badge-red{background:rgba(180,35,24,.09);border-color:rgba(180,35,24,.18);color:var(--color-danger);}
    .hero h1{
      margin:0;
      max-width:800px;
      color:#fff;
      font-size:clamp(32px,5vw,62px);
      line-height:1.12;
      letter-spacing:-.055em;
      font-weight:950;
    }
    .hero-lead{
      max-width:760px;
      margin:18px 0 0;
      color:#dbeaf1;
      font-size:18px;
      line-height:1.85;
    }
    .hero-action-row{
      display:flex;
      flex-wrap:wrap;
      gap:13px;
      margin-top:28px;
    }
    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:30px;
      max-width:780px;
    }
    .metric{
      padding:16px;
      border-radius:18px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter:blur(8px);
    }
    .metric strong{
      display:block;
      color:#fff;
      font-size:25px;
      line-height:1.1;
      font-weight:950;
      letter-spacing:-.03em;
    }
    .metric span{
      display:block;
      margin-top:7px;
      color:#c8dbe5;
      font-size:13px;
      line-height:1.45;
    }
    .trial-panel{
      display:flex;
      flex-direction:column;
      gap:16px;
      padding:20px;
      border-radius:26px;
      background:rgba(255,255,255,.96);
      color:var(--color-text);
      box-shadow:0 24px 60px rgba(0,0,0,.20);
    }
    .trial-panel-title{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      padding-bottom:16px;
      border-bottom:1px solid var(--color-border);
    }
    .trial-panel-title strong{
      display:block;
      color:var(--color-primary-strong);
      font-size:20px;
      line-height:1.25;
    }
    .trial-panel-title span{
      display:block;
      color:var(--color-muted);
      margin-top:6px;
      font-size:14px;
      line-height:1.55;
    }
    .status-dot{
      width:12px;
      height:12px;
      margin-top:5px;
      border-radius:50%;
      background:var(--color-success);
      box-shadow:0 0 0 6px rgba(6,118,71,.12);
      flex:0 0 auto;
    }
    .trial-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:12px;
    }
    .trial-list li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding:12px;
      border:1px solid var(--color-border);
      border-radius:16px;
      background:#fbfdfe;
    }
    .trial-list i{
      width:28px;
      height:28px;
      border-radius:10px;
      display:grid;
      place-items:center;
      background:rgba(15,118,110,.10);
      color:var(--color-secondary);
      flex:0 0 auto;
    }
    .trial-list strong{display:block;color:var(--color-primary-strong);line-height:1.35;}
    .trial-list span{display:block;color:var(--color-muted);font-size:13px;line-height:1.55;margin-top:3px;}
    .qualification-note{
      padding:14px 15px;
      border-radius:18px;
      background:#fff8e5;
      color:#72500d;
      border:1px solid rgba(242,169,0,.32);
      font-size:14px;
      line-height:1.65;
    }

    .cards-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:18px;
    }
    .card{
      position:relative;
      overflow:hidden;
      border-radius:var(--radius-md);
      background:var(--color-surface);
      border:1px solid var(--color-border);
      box-shadow:var(--shadow-sm);
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .card:hover{
      transform:translateY(-5px);
      box-shadow:var(--shadow-md);
      border-color:rgba(15,118,110,.32);
    }
    .benefit-card{
      padding:23px;
      min-height:218px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .icon-box{
      width:48px;
      height:48px;
      border-radius:16px;
      display:grid;
      place-items:center;
      color:var(--color-secondary);
      background:rgba(15,118,110,.10);
      margin-bottom:18px;
      font-size:20px;
    }
    .card h3{
      margin:0;
      color:var(--color-primary-strong);
      font-size:20px;
      font-weight:900;
      line-height:1.35;
      letter-spacing:-.02em;
    }
    .card p{
      margin:10px 0 0;
      color:var(--color-muted);
      line-height:1.72;
      font-size:15px;
    }
    .card-foot{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-top:18px;
      color:var(--color-light);
      font-size:13px;
      font-weight:800;
    }

    .commission-section{
      background:linear-gradient(180deg,#ffffff 0%,#f1f7fa 100%);
      border-top:1px solid var(--color-border);
      border-bottom:1px solid var(--color-border);
    }
    .commission-wrap{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:22px;
      align-items:stretch;
    }
    .commission-hero{
      padding:30px;
      border-radius:var(--radius-lg);
      background:
        linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,241,245,.95));
      border:1px solid var(--color-border);
      box-shadow:var(--shadow-sm);
    }
    .commission-list{
      display:grid;
      gap:12px;
      margin-top:22px;
    }
    .commission-row{
      display:grid;
      grid-template-columns:56px 1fr auto;
      gap:14px;
      align-items:center;
      padding:14px;
      border:1px solid var(--color-border);
      border-radius:18px;
      background:#fff;
    }
    .commission-row b{
      display:grid;
      place-items:center;
      width:48px;
      height:48px;
      border-radius:16px;
      background:rgba(18,59,93,.08);
      color:var(--color-primary);
      font-size:18px;
    }
    .commission-row strong{
      display:block;
      color:var(--color-primary-strong);
      font-size:16px;
      line-height:1.35;
    }
    .commission-row span{
      display:block;
      color:var(--color-muted);
      font-size:13px;
      margin-top:3px;
      line-height:1.5;
    }
    .commission-tag{
      white-space:nowrap;
      padding:7px 10px;
      border-radius:var(--radius-pill);
      background:rgba(242,169,0,.13);
      color:#7a5300;
      font-size:13px;
      font-weight:900;
    }
    .rule-panel{
      padding:26px;
      border-radius:var(--radius-lg);
      background:var(--color-primary-strong);
      color:#eaf3f8;
      box-shadow:var(--shadow-md);
    }
    .rule-panel h3{margin:0 0 14px;color:#fff;font-size:24px;font-weight:920;}
    .rule-panel p{margin:0;color:#c7d9e3;}
    .rule-boxes{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:22px;
    }
    .rule-box{
      min-height:112px;
      padding:16px;
      border-radius:18px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.13);
    }
    .rule-box strong{display:block;color:#fff;font-size:22px;line-height:1.1;}
    .rule-box span{display:block;margin-top:9px;color:#c7d9e3;font-size:13px;line-height:1.55;}

    .material-layout{
      display:grid;
      grid-template-columns:370px 1fr;
      gap:22px;
      align-items:start;
    }
    .material-aside{
      position:sticky;
      top:110px;
      padding:26px;
      border-radius:var(--radius-lg);
      border:1px solid var(--color-border);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .check-list{
      list-style:none;
      padding:0;
      margin:18px 0 0;
      display:grid;
      gap:12px;
    }
    .check-list li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      color:var(--color-muted);
      line-height:1.65;
    }
    .check-list i{
      margin-top:5px;
      color:var(--color-secondary);
      flex:0 0 auto;
    }
    .material-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }
    .material-card{
      padding:24px;
      min-height:190px;
    }
    .material-card:nth-child(2){
      background:linear-gradient(180deg,#fff,#f6fbfc);
    }
    .material-card:nth-child(3){
      grid-column:span 2;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
      align-items:center;
      background:
        linear-gradient(135deg,rgba(15,118,110,.10),rgba(18,59,93,.05));
    }
    .mini-table{
      border:1px solid var(--color-border);
      border-radius:16px;
      overflow:hidden;
      background:#fff;
    }
    .mini-row{
      display:grid;
      grid-template-columns:120px 1fr;
      border-bottom:1px solid var(--color-border);
      font-size:14px;
    }
    .mini-row:last-child{border-bottom:0;}
    .mini-row b{
      padding:11px 13px;
      background:#f3f8fa;
      color:var(--color-primary);
    }
    .mini-row span{
      padding:11px 13px;
      color:var(--color-muted);
    }

    .settle-timeline{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      counter-reset:step;
    }
    .step-card{
      padding:24px;
      border-radius:var(--radius-md);
      background:#fff;
      border:1px solid var(--color-border);
      box-shadow:var(--shadow-sm);
      position:relative;
    }
    .step-card:before{
      counter-increment:step;
      content:"0" counter(step);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:42px;
      height:42px;
      border-radius:14px;
      background:var(--color-primary);
      color:#fff;
      font-weight:950;
      margin-bottom:18px;
    }
    .step-card:after{
      content:"";
      position:absolute;
      top:44px;
      right:-17px;
      width:18px;
      height:2px;
      background:var(--color-border-strong);
    }
    .step-card:last-child:after{display:none;}
    .step-card h3{font-size:19px;margin:0;color:var(--color-primary-strong);font-weight:900;}
    .step-card p{font-size:15px;margin:9px 0 0;color:var(--color-muted);}

    .qual-grid{
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:22px;
      align-items:stretch;
    }
    .qual-card{
      padding:30px;
      border-radius:var(--radius-lg);
      background:#fff;
      border:1px solid var(--color-border);
      box-shadow:var(--shadow-sm);
    }
    .qual-card.dark{
      background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));
      color:#fff;
    }
    .qual-card.dark h2,.qual-card.dark h3{color:#fff;}
    .qual-card.dark p,.qual-card.dark li{color:#d5e5ed;}
    .qual-list{
      list-style:none;
      padding:0;
      margin:20px 0 0;
      display:grid;
      gap:14px;
    }
    .qual-list li{
      display:flex;
      gap:12px;
      padding:14px;
      border-radius:16px;
      background:#f7fbfd;
      border:1px solid var(--color-border);
      color:var(--color-muted);
      line-height:1.65;
    }
    .qual-card.dark .qual-list li{
      background:rgba(255,255,255,.08);
      border-color:rgba(255,255,255,.14);
    }
    .qual-list i{
      width:30px;
      height:30px;
      display:grid;
      place-items:center;
      border-radius:10px;
      background:rgba(15,118,110,.12);
      color:var(--color-secondary);
      flex:0 0 auto;
      margin-top:2px;
    }
    .qual-card.dark .qual-list i{background:rgba(255,255,255,.12);color:#9bd6cf;}
    .notice-strip{
      display:flex;
      gap:12px;
      align-items:flex-start;
      margin-top:20px;
      padding:16px;
      border-radius:18px;
      background:#fff8e5;
      border:1px solid rgba(242,169,0,.34);
      color:#745313;
    }
    .notice-strip i{margin-top:5px;color:#a97100;}

    .news-section{
      background:linear-gradient(180deg,#f6fafc 0%,#ffffff 100%);
      border-top:1px solid var(--color-border);
      border-bottom:1px solid var(--color-border);
    }
    .news-layout{
      display:grid;
      grid-template-columns:1fr 340px;
      gap:22px;
      align-items:start;
    }
    .news-list{
      border:1px solid var(--color-border);
      border-radius:var(--radius-lg);
      overflow:hidden;
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .news-item{
      display:grid;
      grid-template-columns:128px 1fr auto;
      gap:18px;
      align-items:center;
      padding:20px 22px;
      border-bottom:1px solid var(--color-border);
    }
    .news-item:last-child{border-bottom:0;}
    .news-date{
      display:flex;
      flex-direction:column;
      gap:2px;
      padding:12px;
      border-radius:16px;
      background:#f3f8fa;
      color:var(--color-primary);
      text-align:center;
      font-weight:900;
    }
    .news-date span{font-size:13px;color:var(--color-muted);font-weight:800;}
    .news-title{
      display:block;
      color:var(--color-primary-strong);
      font-size:18px;
      font-weight:900;
      line-height:1.45;
    }
    .news-title:hover{color:var(--color-secondary);}
    .news-summary{
      margin:6px 0 0;
      color:var(--color-muted);
      font-size:14px;
      line-height:1.65;
    }
    .news-more{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:38px;
      height:38px;
      border-radius:14px;
      background:rgba(15,118,110,.08);
      color:var(--color-secondary);
    }
    .news-item:hover .news-more{
      background:var(--color-secondary);
      color:#fff;
      transform:translateX(3px);
    }
    .recommend-card{
      padding:24px;
      border-radius:var(--radius-lg);
      border:1px solid var(--color-border);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .recommend-card h3{
      margin:0;
      color:var(--color-primary-strong);
      font-size:22px;
      font-weight:920;
    }
    .recommend-card p{
      margin:10px 0 18px;
      color:var(--color-muted);
      font-size:15px;
      line-height:1.75;
    }
    .rank-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:12px;
    }
    .rank-list li{
      display:grid;
      grid-template-columns:30px 1fr;
      gap:10px;
      align-items:start;
    }
    .rank-list b{
      width:30px;
      height:30px;
      border-radius:10px;
      display:grid;
      place-items:center;
      background:rgba(18,59,93,.08);
      color:var(--color-primary);
      font-size:13px;
    }
    .rank-list span{
      color:var(--color-muted);
      line-height:1.55;
      font-size:14px;
    }

    .apply-section{
      padding:var(--space-section) 0 96px;
      background:
        radial-gradient(circle at 90% 15%,rgba(15,118,110,.12),transparent 22%),
        linear-gradient(180deg,#fff,#f5f8fb);
    }
    .apply-wrap{
      display:grid;
      grid-template-columns:1fr 420px;
      gap:24px;
      align-items:start;
    }
    .form-card{
      padding:30px;
      border-radius:var(--radius-lg);
      background:#fff;
      border:1px solid var(--color-border);
      box-shadow:var(--shadow-md);
    }
    .form-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
    }
    .field{display:flex;flex-direction:column;gap:8px;}
    .field.full{grid-column:1/-1;}
    .field label{
      color:var(--color-primary-strong);
      font-weight:850;
      font-size:14px;
    }
    .field input,.field select,.field textarea{
      width:100%;
      min-height:46px;
      margin:0;
      padding:11px 13px;
      border-radius:14px;
      border:1px solid var(--color-border-strong);
      background:#fbfdfe;
      color:var(--color-text);
      box-shadow:none;
      transition:border-color .22s ease, box-shadow .22s ease, background .22s ease;
    }
    .field textarea{min-height:112px;resize:vertical;}
    .field input:focus,.field select:focus,.field textarea:focus{
      border-color:rgba(15,118,110,.58);
      background:#fff;
      box-shadow:0 0 0 4px rgba(15,118,110,.10);
      outline:none;
    }
    .form-tip{
      margin:16px 0 0;
      color:var(--color-muted);
      font-size:14px;
      line-height:1.65;
    }
    .form-actions{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      margin-top:22px;
    }
    .faq-panel{
      padding:26px;
      border-radius:var(--radius-lg);
      border:1px solid var(--color-border);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .faq-panel h3{
      margin:0 0 18px;
      color:var(--color-primary-strong);
      font-size:24px;
      font-weight:920;
    }
    .accordion{
      margin:0;
      border:0;
      background:transparent;
    }
    .accordion-item{
      border:1px solid var(--color-border);
      border-radius:16px;
      overflow:hidden;
      margin-bottom:12px;
      background:#fbfdfe;
    }
    .accordion-title{
      border:0;
      color:var(--color-primary-strong);
      font-weight:900;
      font-size:15px;
      padding:16px 46px 16px 16px;
      background:#fbfdfe;
    }
    .accordion-title:hover,.accordion-title:focus{
      background:#f0f7f8;
      color:var(--color-secondary);
    }
    .accordion-title::before{right:16px;}
    .accordion-content{
      border:0;
      border-top:1px solid var(--color-border);
      color:var(--color-muted);
      font-size:14px;
      line-height:1.75;
      background:#fff;
      padding:16px;
    }
    .privacy-box{
      margin-top:16px;
      display:flex;
      gap:12px;
      padding:16px;
      border-radius:18px;
      background:rgba(15,118,110,.08);
      border:1px solid rgba(15,118,110,.17);
      color:#315f5d;
      font-size:14px;
      line-height:1.65;
    }
    .privacy-box i{margin-top:5px;color:var(--color-secondary);}

    .site-footer{
      margin-top:auto;
      color:#dbe7ee;
      background:var(--color-primary-strong);
      border-top:1px solid rgba(255,255,255,.08);
    }
    .footer-main{
      padding:44px 0 28px;
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:28px;
    }
    .footer-brand{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:14px;
    }
    .footer-brand .brand-mark{box-shadow:none;}
    .footer-brand strong{
      color:#fff;
      font-size:21px;
      font-weight:950;
      letter-spacing:-.03em;
    }
    .footer-desc{
      max-width:680px;
      margin:0;
      color:#bdd1dc;
      line-height:1.8;
    }
    .footer-links{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
    }
    .footer-box{
      padding:18px;
      border-radius:18px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
    }
    .footer-box b{display:block;color:#fff;margin-bottom:8px;}
    .footer-box span{display:block;color:#bdd1dc;font-size:14px;line-height:1.7;}
    .footer-bottom{
      padding:18px 0;
      border-top:1px solid rgba(255,255,255,.10);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      color:#a9bfcc;
      font-size:14px;
    }
    .footer-bottom a{color:#dbe7ee;}
    .footer-bottom a:hover{color:#9bd6cf;}

    @media (max-width:1024px){
      :root{--space-section:72px;}
      .search-box{display:none;}
      .hero-content,.commission-wrap,.material-layout,.qual-grid,.news-layout,.apply-wrap{
        grid-template-columns:1fr;
      }
      .trial-panel{max-width:none;}
      .cards-grid{grid-template-columns:repeat(2,1fr);}
      .settle-timeline{grid-template-columns:repeat(2,1fr);}
      .step-card:after{display:none;}
      .material-aside{position:static;}
    }

    @media (max-width:768px){
      .container{width:min(100% - 28px, var(--container));}
      .topbar-inner{height:auto;padding:8px 0;align-items:flex-start;}
      .topbar-right{display:none;}
      .nav-inner{min-height:68px;}
      .brand-text{font-size:18px;}
      .main-nav,.nav-actions{display:none;}
      .mobile-toggle{display:inline-flex;}
      .mobile-panel.open{display:block;}
      .mobile-panel .main-nav{
        display:flex;
        justify-content:flex-start;
        border-radius:18px;
        margin-top:14px;
      }
      .mobile-panel .nav-actions{
        display:flex;
        margin-top:12px;
        flex-wrap:wrap;
      }
      .hero{padding-top:28px;}
      .hero-board{padding:28px;border-radius:24px;}
      .hero-content{gap:22px;}
      .hero-metrics{grid-template-columns:1fr;}
      .section-top{display:block;}
      .cards-grid,.material-grid,.settle-timeline,.form-grid{grid-template-columns:1fr;}
      .material-card:nth-child(3){
        grid-column:auto;
        grid-template-columns:1fr;
      }
      .news-item{
        grid-template-columns:1fr;
        gap:10px;
      }
      .news-date{
        width:max-content;
        min-width:120px;
      }
      .footer-main,.footer-links{grid-template-columns:1fr;}
      .footer-bottom{flex-direction:column;align-items:flex-start;}
    }

    @media (max-width:520px){
      body{font-size:15px;}
      .hero-board{padding:22px;border-radius:22px;}
      .hero h1{font-size:31px;letter-spacing:-.04em;}
      .hero-lead{font-size:16px;}
      .hero-action-row,.form-actions{flex-direction:column;align-items:stretch;}
      .btn{width:100%;}
      .section{padding:58px 0;}
      .section-title{font-size:27px;}
      .section-desc{font-size:16px;}
      .commission-row{grid-template-columns:48px 1fr;}
      .commission-tag{grid-column:1/-1;width:max-content;}
      .rule-boxes{grid-template-columns:1fr;}
      .mini-row{grid-template-columns:1fr;}
      .mini-row b{border-bottom:1px solid var(--color-border);}
    }