/* CCMUN · 水岸书院 / selected visual direction 1 */
:root {
  --navy:#123b65; --navy-2:#214c7e; --navy-3:#254f81;
  --gold:#2d7baa; --gold-soft:#e5eff4;
  --ink:#173958; --ink-2:#425875; --muted:#657489;
  --bg:#fcfaf5; --card:#fffefa; --line:#dde4e5; --line-2:#b9c9d3;
  --radius:6px; --radius-lg:8px; --shadow:none;
  --serif:'Noto Serif SC','Songti SC','STSong',Georgia,serif;
}
body {font-size:16px;background:var(--bg);color:var(--ink)}
h1,h2,h3,h4 {font-weight:700} h2{font-size:30px} h3{font-size:22px} h4{font-size:18px}
.wrap{max-width:1440px;padding:0 70px}.wrap-narrow{max-width:960px;padding:0 36px}
.ui-icon{display:inline-block;flex:none;width:25px;height:25px;vertical-align:middle;filter:invert(22%) sepia(45%) saturate(1253%) hue-rotate(177deg) brightness(91%) contrast(95%)}
.ui-icon.light{filter:brightness(0) invert(1)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #418eb5;outline-offset:4px}
.skip-link{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--navy);color:white;z-index:200}.skip-link:focus{top:12px}
.nav{background:var(--bg);border-bottom:1px solid transparent;position:sticky;top:0;z-index:50}
.nav-inner{height:106px;max-width:1440px;padding:0 70px;gap:24px}
.nav-brand{display:block;flex:none;width:375px;line-height:0}.nav-brand img{width:100%;height:auto;display:block}
.nav-links{gap:38px;flex-wrap:nowrap}.nav-links a{color:var(--navy);font-size:16px;white-space:nowrap;padding:9px 0;position:relative}
.nav-links a:hover{color:var(--navy-3)}.nav-links a.active{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:2px}
.nav-links a.nav-register{margin-left:8px;color:white;background:var(--navy-3);border-radius:7px;padding:10px 28px;min-width:142px;text-align:center;font-weight:600}
.nav-links a.nav-register:hover{background:var(--navy)}.nav-links a.nav-register.active{text-decoration:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--navy-3)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:9px;cursor:pointer;border-radius:6px}
.canal-hero{padding:0;position:relative;height:615px;overflow:hidden;background:var(--bg)}
.canal-hero-art{position:absolute;right:-12px;top:-56px;width:960px;height:750px;object-fit:cover;pointer-events:none;mix-blend-mode:multiply}
.hero-content{position:relative;padding-top:36px;z-index:1}
.hero-edition{font-family:var(--serif);font-size:22px;letter-spacing:6px;color:var(--navy-3);margin-bottom:29px}
#hero-heading{font-size:78px;line-height:1.24;letter-spacing:-2px;margin:0 0 20px;max-width:650px;font-weight:700;color:#0d3458}
.hero-conference-name{font-size:34px;line-height:1.35;margin:0 0 8px;letter-spacing:1px}
.hero-english{font-size:15px;letter-spacing:3px;color:var(--navy-3);margin-bottom:17px}
.hero-description{font-size:22px;color:var(--ink-2);letter-spacing:1px;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:45px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;background:var(--navy-3);border-radius:6px;font-weight:500;line-height:1.5;padding:12px 22px}
.btn:hover{background:var(--navy);box-shadow:0 3px 8px rgba(21,57,91,.09)}
.btn.gold{background:var(--navy-3);color:#fff}.btn.gold:hover{background:var(--navy)}
.btn.ghost{border-color:var(--line-2);color:var(--navy-3)}.btn.ghost:hover{background:#edf3f5}
.btn.small{min-height:34px}.btn.danger{background:var(--danger)}
.hero-primary{width:250px;font-size:22px;min-height:64px;letter-spacing:3px}
.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--navy-3);font-weight:500;line-height:1.65;text-decoration:underline;text-underline-offset:7px;font-size:16px}.text-link:hover{text-decoration-thickness:2px}.hero-actions .text-link{font-size:20px}
.conference-strip{border-top:1px solid #e9ece9;border-bottom:1px solid #e5e9e7;background:rgba(255,254,250,.7)}
.conference-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px;min-height:80px}
.conference-strip span{display:flex;align-items:center;justify-content:center;gap:22px;font-size:18px;color:var(--navy-3);font-weight:600;border-right:1px solid #a8bacb}
.conference-strip span:last-child{border-right:0}.conference-strip .ui-icon{width:32px;height:32px}
.welcome-section{padding:34px 0 24px;position:relative;background-image:url('/assets/brand/canal-waves.png');background-position:center bottom;background-size:100% auto;background-repeat:no-repeat;border-bottom:1px solid var(--line)}
.welcome-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(190px,.85fr) minmax(280px,1.06fr);gap:22px;align-items:center;min-height:268px}
.welcome-copy h2{font-size:36px;margin-bottom:34px;letter-spacing:-1px;white-space:nowrap}
.welcome-copy p{font-size:21px;color:var(--ink-2);line-height:1.8;margin-bottom:0}
.welcome-mascot{width:100%;height:270px;object-fit:contain}
.welcome-entry h3{font-size:28px;margin-bottom:4px}.welcome-entry p{font-size:16px;white-space:nowrap;margin-bottom:14px}
.welcome-entry .btn{display:flex;justify-content:space-between;width:100%;font-size:19px;min-height:54px;margin-top:12px;border-color:var(--navy-3);padding:10px 22px}
.welcome-entry .btn .ui-icon{width:26px;height:26px}
.eyebrow,.page-eyebrow{font-size:12px;font-family:var(--sans);letter-spacing:2px;color:var(--navy-3);margin-bottom:10px;font-weight:600}
section.wrap{padding-top:62px;padding-bottom:62px}.section-head{margin-bottom:28px}.section-head h2{font-size:34px}.section-head .more{font-size:15px}
.home-about{border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:90px}.lead{font-size:17px;line-height:2;color:var(--ink-2)}
.about-note{border-left:1px solid var(--line-2);padding-left:46px}.about-note h3{margin-top:10px}.about-note p{color:var(--muted);font-size:17px}
.committee-card{padding:24px;border-radius:6px;background:var(--card);box-shadow:none;gap:12px;transition:border-color .15s,transform .15s}
.committee-card:hover{border-color:#8db0c5;transform:translateY(-3px)}.committee-card h3{font-size:22px}.committee-card .topic{font-size:15px}.committee-card .meta{font-size:14px}.committee-card .en-name{font-size:13px}.tag.zh{background:#e5eff3;color:#1d536f}.tag{font-size:12px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}.home-practical{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey-list{padding-left:25px;margin:25px 0}.journey-list li{padding-left:10px;margin-bottom:23px}.journey-list li::marker{color:var(--navy-3);font-family:var(--serif);font-weight:700}.journey-list strong{display:block;font-size:18px;margin-bottom:5px}.journey-list span{color:var(--muted);font-size:15px;display:block}.fees-panel{border-left:1px solid var(--line);padding-left:48px}.fees-panel td.num{color:var(--navy);font-size:18px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.announcement{border-left:none;border-top:2px solid #aac8d8;padding:20px 0}.announcement+.announcement{margin-top:0}.announcement h3{font-size:21px;margin:9px 0 12px}.announcement p{font-size:15px;line-height:1.9}
.page-head{padding-top:48px;padding-bottom:28px;position:relative;min-height:200px;background-image:url('/assets/brand/canal-waves.png');background-position:center bottom;background-size:100% auto;background-repeat:no-repeat}
.page-head h1{font-size:40px}.page-head .sub{max-width:calc(100% - 165px);font-size:15px;line-height:1.9}.page-mascot{position:absolute;right:70px;bottom:22px;width:140px;height:140px;object-fit:contain}.wrap-narrow .page-mascot{right:36px}
.card{padding:28px;border:1px solid var(--line);background:var(--card);border-radius:8px;box-shadow:none}
.form-row label{font-size:14px;line-height:1.7}.form-row .hint{font-size:12px}.form-grid{gap:0 24px}input[type="date"],input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],select,textarea{border-radius:5px;min-height:46px;border-color:#c7d1d7}
input:focus,select:focus,textarea:focus{border-color:#568db0;box-shadow:0 0 0 3px #e4eff5}.student-card{background:#f5f8f8}.leader-card{background:#f9f8f3}.ranking-row{border-color:var(--line)}.rank-number{color:var(--navy-3)}
.checkbox-row{align-items:flex-start;line-height:1.8;margin-top:12px}.checkbox-row input{margin-top:7px;accent-color:var(--navy-3)}
#registration-mode{max-width:460px;margin-top:7px}label[for="registration-mode"]{display:block;font-size:18px;font-family:var(--serif);color:var(--navy);font-weight:700}
.alert{border-radius:5px;line-height:1.8}.tag.en,.badge.assigned{background:#e7f0f6;color:#1a4c76}table.data th{background:#edf2f3}table.data td{padding:12px 10px}table.data tr:hover td{background:#f3f6f6}
.tabs button.active{border-bottom-color:var(--navy-3)}.tabs button{padding:12px 18px}.stat{background:#fffefa}.admin-head{top:106px}.hero .stat b{color:var(--navy)}
.admin-login-card{max-width:540px;margin:auto;position:relative;padding:38px}.admin-login-card h2{font-size:34px}.login-mascot{display:block;margin:0 auto 16px;width:170px;height:170px;object-fit:contain}.admin-login-card .eyebrow{text-align:center}.admin-login-card input{margin-bottom:8px}
footer.site-footer{background:#123a60;margin-top:36px;padding:48px 0 28px}.site-footer a{color:#cae0ed}.site-footer h4{font-family:var(--sans);font-size:16px}.site-footer .bottom{line-height:1.8}
@media(min-width:1441px){.canal-hero-art{right:calc((100vw - 1440px)/2 - 12px)}}
@media(max-width:1200px){.wrap,.nav-inner{padding-left:40px;padding-right:40px}.nav-brand{width:310px}.nav-links{gap:22px}.nav-links a{font-size:15px}.nav-links a.nav-register{min-width:115px;padding:10px 19px}.canal-hero-art{right:-130px}.welcome-grid{grid-template-columns:1.6fr .75fr 1fr;gap:18px}.welcome-copy h2{font-size:29px}.welcome-copy p{font-size:17px}.welcome-entry .btn{font-size:16px}.welcome-entry p{font-size:13px}.welcome-entry h3{font-size:25px}.page-mascot{right:40px}.conference-strip span{gap:12px;font-size:16px}.practical-grid{gap:40px}.hero-conference-name{font-size:31px}#hero-heading{font-size:72px}}
@media(max-width:1000px){.nav-brand{width:285px}.nav-links{gap:18px}.nav-links a{font-size:14px}.nav-inner{height:94px;gap:18px}.nav-links a.nav-register{min-width:98px;padding:9px 13px;margin-left:0}.canal-hero{height:605px}.canal-hero-art{width:850px;height:665px;right:-230px;top:0;opacity:.65}#hero-heading{font-size:66px}.hero-content{padding-top:40px}.hero-conference-name{font-size:29px}.hero-english{font-size:12px}.hero-description{font-size:20px}.welcome-grid{grid-template-columns:1fr 240px}.welcome-copy h2{font-size:31px}.welcome-mascot{grid-column:2;grid-row:1/span 2;height:260px}.welcome-entry{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.welcome-entry h3,.welcome-entry p{display:none}.welcome-entry .btn{margin:0;font-size:15px;gap:8px;padding:10px}.welcome-section{padding:34px 0}.welcome-copy h2{margin-bottom:20px}.about-grid{gap:35px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:1fr}.news-grid .announcement{padding:20px 0 0}.section-head h2{font-size:30px}.admin-head{top:94px}}
@media(max-width:800px){.wrap,.nav-inner{padding-left:24px;padding-right:24px}.nav-inner{height:90px}.nav-brand{width:280px}.nav-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;left:0;right:0;top:90px;background:var(--bg);padding:14px 24px 24px;box-shadow:0 10px 20px rgba(18,58,96,.1);border-bottom:1px solid var(--line)}.nav-links.open{display:flex;flex-wrap:wrap;gap:12px 28px}.nav-links a{font-size:16px}.nav-links a.nav-register{width:100%;padding:12px;margin-top:8px}.hero-conference-name{font-size:28px}.canal-hero-art{right:-315px;opacity:.48}.welcome-copy h2{font-size:28px;white-space:normal}.conference-strip .wrap{grid-template-columns:1fr 1fr;row-gap:20px;padding-top:20px;padding-bottom:20px}.conference-strip span{justify-content:flex-start;font-size:16px;gap:12px;border:0}.conference-strip .ui-icon{width:26px;height:26px}.welcome-grid{grid-template-columns:1fr 180px}.welcome-mascot{height:200px}.about-grid,.practical-grid{grid-template-columns:1fr;gap:30px}.about-note,.fees-panel{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:28px}.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:34px}.page-head .sub{max-width:calc(100% - 120px)}.page-mascot{width:110px;height:110px;right:24px;bottom:25px}.wrap-narrow{padding:0 24px}.wrap-narrow.page-head{padding-top:38px;padding-bottom:24px}.wrap-narrow .page-mascot{right:24px}.admin-head{top:90px}.card{padding:24px}#app-view .wrap{overflow-wrap:anywhere}.modal-mask{padding:14px}}
@media(max-width:540px){.wrap,.nav-inner{padding-left:22px;padding-right:22px}.nav-inner{height:82px}.nav-brand{width:247px}.nav-links{top:82px}.nav-toggle{padding:6px}.nav-toggle .ui-icon{width:23px;height:23px}.canal-hero{height:auto;min-height:650px;display:flex;flex-direction:column}.canal-hero-art{position:relative;order:2;top:auto;right:auto;width:100%;height:285px;object-fit:cover;object-position:center 56%;opacity:1;margin-top:10px}.hero-content{padding-top:25px;width:100%}.hero-edition{font-size:16px;letter-spacing:4px;margin-bottom:23px}#hero-heading{font-size:clamp(36px,9.5vw,50px);letter-spacing:-1px;line-height:1.3;margin-bottom:24px}.hero-conference-name{font-size:22px;letter-spacing:0;margin-bottom:8px}.hero-english{font-size:9px;letter-spacing:1.25px;margin-bottom:14px}.hero-description{font-size:16px;letter-spacing:0;margin-bottom:23px}.hero-actions{gap:22px}.hero-primary{width:auto;min-height:48px;font-size:17px;padding:10px 19px;letter-spacing:1px}.hero-actions .text-link{font-size:16px;gap:6px}.hero-actions .ui-icon{width:21px;height:21px}.conference-strip .wrap{padding-top:19px;padding-bottom:19px;gap:19px 12px}.conference-strip span{font-size:13px;gap:8px}.conference-strip .ui-icon{width:23px;height:23px}.welcome-section{padding:34px 0 30px;background-size:auto 180px}.welcome-grid{grid-template-columns:minmax(0,1fr) 108px;gap:20px 10px;min-height:0}.welcome-copy h2{font-size:25px;line-height:1.55;margin-bottom:16px}.welcome-copy p{font-size:14px;line-height:1.9}.welcome-copy p br{display:none}.welcome-mascot{grid-row:1;grid-column:2;height:140px;width:108px;align-self:end}.welcome-entry{grid-column:1/-1;grid-template-columns:1fr;gap:10px}.welcome-entry .btn{padding:11px 18px;min-height:48px;font-size:16px}.welcome-entry .btn .ui-icon:last-child{margin-left:auto}.welcome-entry .btn .ui-icon{width:23px;height:23px}section.wrap{padding-top:38px;padding-bottom:38px}.section-head{gap:12px;align-items:end}.section-head h2{font-size:27px}.section-head .more{font-size:13px;gap:5px}.eyebrow{font-size:10px;letter-spacing:1.5px}.section-head .more .ui-icon{width:18px;height:18px}.lead{font-size:16px;line-height:1.9}.grid-3{grid-template-columns:1fr}.committee-card{padding:22px}.committee-card h3{font-size:21px}.practical-grid{gap:32px}.fees-panel td.num{font-size:16px}footer.site-footer{padding:36px 0 24px;margin-top:16px}.site-footer .cols{display:grid;grid-template-columns:1fr;gap:22px}.page-head{padding-top:30px;padding-bottom:28px;min-height:190px}.page-head h1{font-size:31px}.page-head .sub{font-size:14px;max-width:100%;padding-right:0}.page-mascot{display:none}.form-row label{font-size:14px}.form-row .hint{margin-left:0;display:block}.card{padding:20px}.form-grid{grid-template-columns:1fr}.ranking-row{gap:6px}.ranking-name{min-width:calc(100% - 34px)}.ranking-row .btn{flex:1}.checkbox-row{font-size:14px}.page-eyebrow{font-size:10px;letter-spacing:1.5px}.admin-login-card{padding:24px}.admin-login-card h2{font-size:30px}.login-mascot{width:145px;height:145px}.admin-head{top:82px}.modal-mask{padding:8px}.modal-body{padding:18px}.tabs{gap:0}.tabs button{font-size:13px;padding:11px 12px}.stat{padding:12px}.btn{font-size:15px}table.info{font-size:13px}table.info td{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Blend the watercolor's ivory ground directly; retain subtle ornamental water. */
.canal-hero-art{mix-blend-mode:normal}
.welcome-section{background-image:none}
.welcome-section::before{content:"";position:absolute;inset:0;background:url('/assets/brand/canal-waves.png') center bottom/100% auto no-repeat;opacity:.3;pointer-events:none}
.welcome-grid{position:relative}
@media(min-width:1201px){#hero-heading{font-size:84px;line-height:1.21;letter-spacing:-1px}.hero-conference-name{font-size:36px}.welcome-copy h2{font-size:46px;letter-spacing:-1px}.nav-links a{font-size:17px}}
footer.site-footer a{color:#d7e9f2}
@media(min-width:1001px){.canal-hero{height:600px}.hero-edition{margin-bottom:15px}}
@media(max-width:540px){.nav-brand{width:min(247px,calc(100vw - 110px))}}
/* Full committees remain in the complete language ranking, with no editable controls. */
.ranking-row.is-full{background:#f0f1f0;color:#757b80;padding:12px 10px;border-radius:5px}
.ranking-row.is-full .rank-number,.ranking-row.is-full .muted{color:#737980}
.ranking-row.is-full .btn{background:#e6e8e8;border-color:#d4d8da;color:#7c8287;opacity:1;cursor:not-allowed;box-shadow:none}
.ranking-row.is-full .ranking-name{color:#737980}

.deployment-notice{padding:8px 20px;background:#fff1d4;color:#68470e;text-align:center;font-size:13px;line-height:1.6}