/* Free guides · City guides · Video library · Learn Chinese */
.gx-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 400px at 85% -10%,rgba(227,38,47,.35),transparent 60%),linear-gradient(135deg,#0B1F4D,#13295E 60%,#1B2F6B);color:#fff;padding:64px 0 70px}
.gx-hero:after{content:"";position:absolute;inset:auto -60px -80px auto;width:340px;height:340px;background:url(/img/cn/jr-pagoda-tr.webp) no-repeat center/contain;opacity:.16;pointer-events:none}
.gx-hero .container{position:relative;z-index:1}
.gx-kick{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}
.gx-hero h1{font-size:clamp(1.8rem,4.6vw,2.9rem);line-height:1.15;margin:16px 0 10px;color:#fff;max-width:780px}
.gx-hero h1 em{font-style:normal;color:#FF5A63}
.gx-hero p{max-width:680px;color:#D7DEEE;font-size:1.05rem;line-height:1.65;margin:0}
.gx-sec{padding:44px 0 64px}
.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}
.gx-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E7E9F0;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.gx-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(11,31,77,.12);border-color:#F3B4B8}
.gx-im{aspect-ratio:16/9;background:#EEF2FF center/cover no-repeat;position:relative}
.gx-im.ph{display:grid;place-items:center;font-size:46px;background:linear-gradient(135deg,#FFF1F2,#EEF2FF)}
.gx-bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.gx-bd h3{margin:0;font-size:1.08rem;color:#0B1F4D;line-height:1.35}.gx-bd p{margin:0;color:#5B6478;font-size:.93rem;line-height:1.6}
.gx-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.gx-meta span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#F1F5F9;color:#334155}
.gx-go{color:#C8102E;font-weight:700;font-size:.92rem;margin-top:auto}
.gx-tag{position:absolute;top:12px;left:12px;background:#E3262F;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.gx-empty{text-align:center;padding:50px 20px;color:#64748B;background:#fff;border:1px dashed #D5DAE5;border-radius:18px}.gx-empty b{display:block;font-size:44px;margin-bottom:8px}
.gx-crumb{font-size:13px;color:#C9D2E6;margin-bottom:6px}.gx-crumb a{color:#fff;text-decoration:none;opacity:.85}
/* guide page */
.gd-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.gd-cover{border-radius:18px;overflow:hidden;border:1px solid #E7E9F0;background:#fff;box-shadow:0 18px 40px rgba(11,31,77,.10)}
.gd-cover img{display:block;width:100%}
.gd-pts{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.gd-pts li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #E7E9F0;border-radius:12px;padding:12px 14px;line-height:1.5}
.gd-pts li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:#DCFCE7;color:#15803D;display:grid;place-items:center;font-weight:800;font-size:13px}
.gd-form{background:#fff;border:1px solid #E7E9F0;border-radius:20px;padding:24px;box-shadow:0 18px 40px rgba(11,31,77,.10);position:sticky;top:90px}
.gd-form h2{margin:0 0 4px;font-size:1.3rem;color:#0B1F4D}.gd-form .mut{color:#64748B;font-size:.92rem;margin:0 0 16px}
.gd-form label{display:block;font-size:13px;font-weight:700;margin:0 0 5px;color:#0B1F4D}
.gd-form input{width:100%;box-sizing:border-box;border:1px solid #D5DAE5;border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;margin-bottom:12px;background:#fff;color:#0B1F4D}
.gd-form button,.gd-dl{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;background:linear-gradient(135deg,#E3262F,#C8102E);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px rgba(200,16,46,.28)}
.gd-ok{background:#ECFDF5;border:1px solid #A7F3D0;color:#065F46;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:.95rem;line-height:1.5}
.gd-safe{font-size:12px;color:#64748B;text-align:center;margin:10px 0 0}
.gd-err{color:#B91C1C;font-size:13px;margin:-6px 0 10px}
/* city page */
.ct-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin-top:20px}
.ct-f{background:#fff;border:1px solid #E7E9F0;border-radius:16px;padding:18px}.ct-f h3{margin:0 0 8px;font-size:1.02rem;color:#0B1F4D}.ct-f p{margin:0;color:#475569;line-height:1.7;white-space:pre-line;font-size:.95rem}
.ct-intro{font-size:1.06rem;line-height:1.8;color:#334155;white-space:pre-line;margin:0}
.ct-tips{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ct-tips li{background:#FFF7ED;border:1px solid #FED7AA;border-radius:12px;padding:10px 14px;color:#7C2D12;line-height:1.5}
.ct-h2{font-size:1.4rem;color:#0B1F4D;margin:36px 0 14px}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px}.ct-chips a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #E7E9F0;text-decoration:none;color:#0B1F4D;font-weight:600;font-size:.92rem}.ct-chips a:hover{border-color:#C8102E;color:#C8102E}
/* videos */
.vd-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px}.vd-cats a{white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid #E7E9F0;background:#fff;text-decoration:none;color:#0B1F4D;font-weight:600;font-size:.9rem}.vd-cats a.on{background:#E3262F;border-color:#E3262F;color:#fff}.vd-cats a small{opacity:.65;margin-left:4px}
.vd-c{cursor:pointer;border:0;padding:0;text-align:left;font:inherit;background:#fff}
.vd-play{position:absolute;inset:0;display:grid;place-items:center}.vd-play i{width:62px;height:62px;border-radius:50%;background:rgba(227,38,47,.92);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.vd-play i:before{content:"";border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.vd-modal{position:fixed;inset:0;background:rgba(5,10,25,.82);z-index:120;display:none;align-items:center;justify-content:center;padding:16px}.vd-modal.on{display:flex}
.vd-modal .box{width:min(960px,100%);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;position:relative}.vd-modal iframe{width:100%;height:100%;border:0}
.vd-x{position:absolute;top:-44px;right:0;background:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer}
/* learn chinese */
.cn-hsk{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #E7E9F0;border-radius:16px;overflow:hidden;font-size:.95rem}
.cn-hsk th,.cn-hsk td{padding:12px 14px;text-align:left;border-bottom:1px solid #EEF0F5;vertical-align:top}.cn-hsk th{background:#F8FAFC;color:#475569;font-size:.85rem}.cn-hsk tr:last-child td{border-bottom:0}.cn-hsk td:first-child{font-weight:800;color:#C8102E;white-space:nowrap}
.cn-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px}.cn-tabs button{white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid #E7E9F0;background:#fff;font:inherit;font-weight:600;font-size:.9rem;color:#0B1F4D;cursor:pointer}.cn-tabs button.on{background:#0B1F4D;color:#fff;border-color:#0B1F4D}
.cn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.cn-p{background:#fff;border:1px solid #E7E9F0;border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:start}
.cn-p .hz{font-size:1.7rem;font-weight:700;color:#0B1F4D;line-height:1.2;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}.cn-p .py{color:#C8102E;font-weight:600}.cn-p .en{color:#334155;grid-column:1/-1}.cn-p .bn{color:#64748B;grid-column:1/-1;font-size:.93rem}
.cn-say{grid-row:1/3;grid-column:2;width:42px;height:42px;border-radius:50%;border:1px solid #E7E9F0;background:#FFF1F2;font-size:18px;cursor:pointer}
.cn-quiz{background:linear-gradient(135deg,#0B1F4D,#1B2F6B);color:#fff;border-radius:20px;padding:24px;display:grid;gap:14px;text-align:center}
.cn-quiz .q{font-size:2.6rem;font-weight:700;font-family:"Noto Sans SC","PingFang SC",sans-serif}.cn-quiz .qp{color:#FFB4B8;font-weight:600}
.cn-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cn-opts button{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:.95rem;cursor:pointer}
.cn-opts button.ok{background:#16A34A;border-color:#16A34A}.cn-opts button.no{background:#DC2626;border-color:#DC2626}
.cn-score{font-size:.9rem;color:#D7DEEE}.cn-next{justify-self:center;background:#fff;color:#0B1F4D;border:0;border-radius:999px;padding:10px 20px;font-weight:700;cursor:pointer}
/* blog guide box + university reviews */
.gbox{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#FFF1F2,#FFF7ED);border:1px solid #FECDD3;border-radius:18px;padding:18px;margin:28px 0;text-decoration:none;color:inherit}
.gbox i{font-style:normal;font-size:36px}.gbox b{display:block;color:#0B1F4D;font-size:1.05rem}.gbox span{color:#64748B;font-size:.92rem}.gbox em{margin-left:auto;font-style:normal;background:#E3262F;color:#fff;border-radius:999px;padding:10px 16px;font-weight:700;white-space:nowrap;font-size:.9rem}
.rv-sum{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.rv-big{font-size:2.2rem;font-weight:800;color:#0B1F4D}
.rv-st{--r:5;display:inline-block;font-size:18px;letter-spacing:2px;background:linear-gradient(90deg,#F59E0B calc(var(--r)/5*100%),#D1D5DB 0);-webkit-background-clip:text;background-clip:text;color:transparent}.rv-st:before{content:"★★★★★"}
.rv-list{display:grid;gap:12px}.rv{border:1px solid #E7E9F0;border-radius:14px;padding:14px;background:#fff}.rv b{color:#0B1F4D}.rv small{color:#64748B}.rv p{margin:6px 0 0;line-height:1.65;color:#334155}
.rv-reply{margin-top:10px;background:#F8FAFC;border-left:3px solid #C8102E;padding:8px 12px;border-radius:8px;font-size:.92rem;color:#475569}
.rv-form{display:grid;gap:10px;margin-top:14px;border-top:1px solid #EEF0F5;padding-top:14px}.rv-form input,.rv-form textarea,.rv-form select{width:100%;box-sizing:border-box;border:1px solid #D5DAE5;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;color:inherit}.rv-form textarea{min-height:110px}
.rv-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.rv-stars input{display:none}.rv-stars label{font-size:28px;color:#D1D5DB;cursor:pointer}.rv-stars input:checked~label,.rv-stars label:hover,.rv-stars label:hover~label{color:#F59E0B}
@media(max-width:860px){.gd-wrap{grid-template-columns:minmax(0,1fr)}.gd-form{position:static}.gx-hero{padding:44px 0 50px}.gbox{flex-wrap:wrap}.gbox em{margin-left:0}}
@media(max-width:480px){.cn-opts{grid-template-columns:1fr}.cn-quiz .q{font-size:2.2rem}}
.cn-grid[hidden]{display:none}