:root{--ink:#0b1020;--ink2:#111a2f;--paper:#f4f1eb;--mist:#eef2f7;--text:#172033;--muted:#68758a;--line:#dfe5ec;--white:#fff;--blue:#6e8cff;--violet:#8a74ff;--cyan:#5bc0d7;--emerald:#56b99a;--amber:#d8a452;--rose:#d37a8e;--pink:#c879b8;--teal:#4da7a2;--indigo:#6575d9;--slate:#7890a3;--radius:18px;--shadow:0 18px 50px rgba(10,20,40,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1220px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:80;background:rgba(10,16,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:70px;display:flex;align-items:center;gap:34px;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:18px}.brandmark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7795ff,#a174ff);font-weight:800;box-shadow:0 8px 24px rgba(113,130,255,.3)}.nav nav{display:flex;gap:28px;margin-right:auto}.nav nav a{font-size:14px;color:#c9d2e3}.nav nav a:hover{color:#fff}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;padding:11px 17px;background:#fff;color:var(--text);font-weight:650}.btn.primary{background:#17213a;color:#fff;border-color:#17213a}.btn.light{background:#fff;color:#121a2c;border-color:#fff}.btn.line-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}.btn.ghost.dark{background:rgba(255,255,255,.06);color:#dbe3f3;border-color:rgba(255,255,255,.12)}.btn.disabled{opacity:.5;cursor:not-allowed}.sync-mini{display:flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);color:#d9e0ec;padding:8px 11px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#8994a6;display:inline-block}.sync-dot.ok,.sync-dot.cached{background:#62c59b;box-shadow:0 0 0 4px rgba(98,197,155,.12)}.sync-dot.loading{background:#e8bd62;animation:pulse 1s infinite}.sync-dot.error{background:#df7788}@keyframes pulse{50%{opacity:.35}}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(113,119,255,.30),transparent 31%),radial-gradient(circle at 92% 68%,rgba(81,190,195,.16),transparent 28%),linear-gradient(135deg,#09101f 0%,#111b32 52%,#17233c 100%);color:#fff;padding:96px 0 40px}.hero-noise{position:absolute;inset:0;opacity:.08;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:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#98a9c7;margin-bottom:18px}.hero-copy h1{font-size:66px;line-height:1.05;letter-spacing:-.05em;margin:0 0 24px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#dfe6ff,#93cbd4);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.85;color:#b8c3d8;max-width:700px}.hero-search{display:flex;gap:8px;margin-top:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:7px;border-radius:14px}.hero-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;padding:0 10px}.hero-search input::placeholder{color:#8998b4}.hero-search button{border:0;border-radius:9px;background:#fff;color:#101829;padding:12px 20px;font-weight:750}.hero-actions{display:flex;gap:10px;margin-top:18px}.hero-visual{position:relative;height:430px}.metric-card{position:absolute;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);backdrop-filter:blur(15px);border-radius:20px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.18)}.metric-card span{font-size:10px;letter-spacing:.16em;color:#95a7c8}.metric-card strong{display:block;font-size:54px;letter-spacing:-.04em;margin:16px 0 4px}.metric-card p{margin:0;color:#9eabc1;font-size:13px}.metric-card.main{left:20px;top:42px;width:310px;height:235px}.metric-card.m2{right:0;top:0;width:190px}.metric-card.m3{right:18px;bottom:28px;width:180px}.metric-bar{height:6px;background:rgba(255,255,255,.1);border-radius:99px;margin-top:28px;overflow:hidden}.metric-bar i{display:block;height:100%;background:linear-gradient(90deg,#6f8dff,#64bdc4);border-radius:99px}.floating-label{position:absolute;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(9,16,31,.72);font-size:12px;color:#dce3ef;animation:float 4.6s ease-in-out infinite}.l1{left:4px;bottom:62px}.l2{left:170px;bottom:6px;animation-delay:-1.2s}.l3{right:80px;top:180px;animation-delay:-2.4s}@keyframes float{50%{transform:translateY(-8px)}}.hero-stats{position:relative;margin-top:55px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr)}.hero-stats>div{padding:28px 28px 6px 0}.hero-stats strong{display:block;font-size:30px}.hero-stats span{font-size:12px;color:#8fa0bc}.sync-panel{position:relative;margin-top:26px;display:flex;align-items:center;gap:14px;padding:13px 16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#b6c2d6;font-size:12px}.sync-panel>div{display:flex;align-items:center;gap:8px}.sync-panel>b{color:#fff}.sync-panel>span{margin-left:auto}.sync-panel button{border:0;background:transparent;color:#fff;font-weight:700}.layout-tools{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.layout-tools div{display:flex;gap:12px;align-items:center}.layout-tools span{font-size:12px;color:var(--muted)}.layout-tools button,.link-button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:#354154}.home-module{position:relative}.module-handle{display:none;position:absolute;left:14px;top:14px;z-index:20;padding:8px 10px;border-radius:8px;background:#101a30;color:#fff;cursor:grab}.editing .home-module{outline:2px dashed rgba(104,125,160,.4);outline-offset:-5px}.editing .module-handle{display:block}.editing .home-module.dragging{opacity:.45}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#738199}.section-head h2{font-size:36px;letter-spacing:-.035em;margin:8px 0}.section-head p{margin:0;color:var(--muted);max-width:690px;line-height:1.7}.section-head.inverse h2{color:#fff}.section-head.inverse p,.section-head.inverse span,.section-head.inverse a{color:#9eabc0}.capability-band{padding:78px 0;background:#0e172a;color:#fff}.capability-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.cap-tile{height:142px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:16px;background:rgba(255,255,255,.05);color:#fff;transition:.2s}.cap-tile:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)}.cap-tile span{display:block;font-size:13px;color:#cad4e5}.cap-tile strong{display:block;font-size:32px;margin-top:28px}.cap-tile small{font-size:10px;color:#7f8da6}.cap-tile.violet{box-shadow:inset 0 3px #8a74ff}.cap-tile.rose{box-shadow:inset 0 3px #d37a8e}.cap-tile.cyan{box-shadow:inset 0 3px #5bc0d7}.cap-tile.blue{box-shadow:inset 0 3px #6e8cff}.cap-tile.amber{box-shadow:inset 0 3px #d8a452}.cap-tile.indigo{box-shadow:inset 0 3px #6575d9}.cap-tile.emerald{box-shadow:inset 0 3px #56b99a}.cap-tile.slate{box-shadow:inset 0 3px #7890a3}.cap-tile.teal{box-shadow:inset 0 3px #4da7a2}.cap-tile.pink{box-shadow:inset 0 3px #c879b8}.discipline-band{padding:80px 0;background:#e8edf3}.discipline-cloud{display:flex;flex-wrap:wrap;gap:12px}.discipline-pill{display:flex;align-items:center;gap:18px;border:0;border-radius:999px;padding:14px 18px;background:#fff;box-shadow:0 8px 24px rgba(30,48,78,.05);color:#253149}.discipline-pill b{font-size:12px;border-radius:999px;background:#edf1f6;padding:4px 8px}.discipline-pill.p1{background:#dfe7ff}.discipline-pill.p2{background:#e2f1ed}.discipline-pill.p3{background:#eee5f7}.discipline-cloud.compact{margin-bottom:30px}.feature-band{padding:80px 0;background:#f6f1e8}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;transition:.18s}.skill-grid.swapping{opacity:.15;transform:translateY(5px)}.skill-card{position:relative;min-height:260px;background:#fff;border:1px solid rgba(37,52,77,.09);border-radius:17px;padding:19px;box-shadow:0 12px 28px rgba(27,45,72,.055);transition:.2s;overflow:hidden}.skill-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:#7890a3}.skill-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(22,38,64,.11)}.skill-card.accent-violet:before{background:#8a74ff}.skill-card.accent-rose:before{background:#d37a8e}.skill-card.accent-cyan:before{background:#5bc0d7}.skill-card.accent-blue:before{background:#6e8cff}.skill-card.accent-amber:before{background:#d8a452}.skill-card.accent-indigo:before{background:#6575d9}.skill-card.accent-emerald:before{background:#56b99a}.skill-card.accent-teal:before{background:#4da7a2}.skill-card.accent-pink:before{background:#c879b8}.skill-card-top{display:flex;justify-content:space-between;align-items:flex-start}.source-badge{font-size:10px;color:#738199;background:#f2f4f7;padding:6px 8px;border-radius:7px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-size:16px;font-weight:800;text-align:right}.score small{display:block;font-size:8px;color:#9aa4b5;font-weight:500}.skill-card h3{font-size:17px;margin:18px 0 8px;line-height:1.4}.skill-card p{font-size:12px;color:#6b778a;line-height:1.65;height:59px;overflow:hidden}.tag-row{display:flex;gap:7px;margin-top:14px}.tag-row span{font-size:10px;padding:5px 8px;border-radius:7px;background:#edf1f5;color:#536176}.skill-foot{position:absolute;bottom:17px;left:19px;right:19px;display:flex;justify-content:space-between;color:#919aaa;font-size:9px}.source-band{padding:84px 0;background:linear-gradient(135deg,#dfe5ee,#cfd9e7)}.source-layout{display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:center}.source-layout h2{font-size:42px;margin:8px 0 15px}.source-layout p{line-height:1.8;color:#59687d;max-width:650px}.source-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.source-chips span{background:rgba(255,255,255,.65);padding:8px 10px;border-radius:8px;font-size:11px}.source-chips b{margin-left:5px}.source-orbit{height:370px;position:relative;display:grid;place-items:center}.orbit-core{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#0f1930;color:#fff;box-shadow:0 25px 70px rgba(16,30,54,.25)}.orb{position:absolute;background:#fff;border-radius:999px;padding:10px 14px;font-size:11px;box-shadow:0 10px 25px rgba(30,47,74,.12)}.o1{top:30px;left:40px}.o2{right:20px;top:70px}.o3{left:4px;bottom:78px}.o4{right:60px;bottom:25px}.o5{right:12px;top:190px}.cta-band{padding:66px 0;background:linear-gradient(120deg,#6e79d4,#4e98a8);color:#fff}.cta-band>.shell{display:flex;justify-content:space-between;align-items:center}.cta-band h2{font-size:42px;margin:7px 0}.cta-band p{color:#e1e5f0}.cta-band span{font-size:10px;letter-spacing:.18em}.library-hero,.journal-hero,.simple-hero,.detail-hero{background:#111a2e;color:#fff;padding:64px 0}.library-hero h1,.journal-hero h1,.simple-hero h1,.detail-hero h1{font-size:48px;margin:7px 0 10px;letter-spacing:-.04em}.library-hero p,.journal-hero p,.simple-hero p,.detail-hero p{color:#aeb9ce;max-width:800px;line-height:1.7}.library-hero .sync-panel{max-width:760px}.library-shell{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:34px 0 80px}.filters{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:8px}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-title button{border:0;background:none;color:#79869a;font-size:11px}.filters label{font-size:11px;color:#6d7889}.filters input{width:100%;margin-top:6px;border:1px solid #ccd5e1;border-radius:9px;padding:10px;background:#fff}.filter-group{margin-top:22px}.filter-group h4{font-size:11px;margin:0 0 8px;color:#788597}.filter-btn{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:7px 8px;border-radius:8px;color:#47566a;font-size:11px}.filter-btn:hover,.filter-btn.active{background:#dce5f0;color:#12203a}.filter-btn b{font-size:10px;color:#8390a2}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.library-toolbar>div:first-child b{font-size:28px;margin-right:8px}.library-toolbar>div:first-child span{font-size:11px;color:#7c8797}.toolbar-controls{display:flex;gap:7px}.toolbar-controls select{border:1px solid #d3dbe5;border-radius:9px;background:#fff;padding:9px;font-size:10px;max-width:150px}.view-toggle{display:flex;border:1px solid #d3dbe5;border-radius:9px;overflow:hidden}.view-toggle button{border:0;background:#fff;width:34px}.view-toggle button.active{background:#17213a;color:#fff}.active-filters{display:flex;gap:6px;min-height:25px;margin-bottom:10px}.active-filters span{font-size:10px;background:#dfe7f1;padding:5px 8px;border-radius:99px}.library-main .skill-grid{grid-template-columns:repeat(3,1fr)}.skill-grid.list{grid-template-columns:1fr}.skill-grid.list .skill-card{min-height:160px}.skill-grid.list .skill-card p{height:auto;max-width:730px}.skill-grid.list .skill-foot{position:static;margin-top:18px}.load-note{margin-top:20px;padding:13px 16px;border:1px dashed #cbd4e0;border-radius:12px;color:#718096;font-size:11px}.journal-content{padding:36px 0 78px}.detail-head{display:grid;grid-template-columns:1fr 160px;gap:30px}.detail-tags{display:flex;gap:8px;margin-top:20px}.detail-tags span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:8px;padding:7px 10px;font-size:10px}.big-score{text-align:center;font-size:48px;font-weight:850;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px}.big-score small{display:block;font-size:9px;color:#8e9cb5;font-weight:500}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:30px 0 80px}.panel{background:#fff;border:1px solid #dfe5ed;border-radius:17px;padding:22px;box-shadow:0 12px 30px rgba(20,38,65,.055);margin-bottom:18px}.dark-panel{background:#111a2e;color:#fff;border:0}.dark-panel p{color:#aeb9ce;line-height:1.7}.download-row{display:flex;gap:8px;margin:20px 0}.pathbox{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:rgba(255,255,255,.06);border-radius:10px;padding:11px}.pathbox span{font-size:9px;color:#91a0b9}.pathbox code{font-size:10px;overflow:hidden;text-overflow:ellipsis}.pathbox button{border:0;background:#fff;border-radius:7px;padding:6px 8px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-grid div{padding:13px;background:#f1f4f7;border-radius:10px}.info-grid span{display:block;font-size:9px;color:#8390a2}.info-grid b{display:block;margin-top:5px;font-size:12px}.prompt-examples{display:grid;gap:9px}.prompt-examples button{text-align:left;border:1px solid #e0e5eb;background:#f8fafb;border-radius:10px;padding:13px;color:#445267;position:relative}.prompt-examples i{position:absolute;right:12px;font-size:9px;color:#7e899a}.sticky{position:sticky;top:90px}.sticky dl{display:grid;grid-template-columns:90px 1fr;font-size:11px}.sticky dt{color:#8a95a5}.sticky dd{margin:0;font-weight:700}.sticky a{display:inline-block;margin-top:15px;font-size:11px;font-weight:750}.darktext{color:#6c7a91}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:34px 0}.guide-card{background:#fff;border-radius:15px;padding:20px}.guide-card b{display:block;margin-bottom:12px}.guide-card code{font-size:10px;color:#5f6d82}.guide-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:80px}.guide-notes div{background:#dfe6ef;border-radius:15px;padding:20px}.guide-notes span{font-size:24px;font-weight:850;color:#71809a}.guide-notes b{display:block;margin:8px 0}.guide-notes p{font-size:11px;line-height:1.7;color:#637189}.form-shell{padding:34px 0 80px;max-width:880px}.form label{display:grid;gap:7px;font-size:11px;color:#647185;margin-bottom:14px}.form input,.form textarea,.form select{border:1px solid #d3dbe5;border-radius:9px;padding:11px;background:#fbfcfd}.form textarea{min-height:120px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{margin-top:12px;background:#e1f1e9;padding:11px;border-radius:9px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:32px 0}.admin-stat{background:#fff;border-radius:15px;padding:21px}.admin-stat strong{font-size:30px;display:block}.admin-stat span{font-size:10px;color:#7e8999}.admin-actions{display:flex;gap:8px;margin-bottom:20px}.queue{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #e4e8ed}.queue span{display:block;color:#8a95a5;font-size:10px}.queue button{border:1px solid #d6dde7;background:#fff;border-radius:8px;padding:7px 10px;margin-left:5px}.empty,.empty-page{text-align:center;padding:80px 20px}.toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%);background:#10192c;color:#fff;border-radius:10px;padding:11px 16px;z-index:200;box-shadow:0 12px 34px rgba(0,0,0,.25)}footer{background:#08101f;color:#8996ab;padding:28px 0}.footer-inner{display:flex;justify-content:space-between}.footer-inner div:first-child{display:flex;gap:14px}.footer-inner b{color:#fff}
@media(max-width:1050px){.capability-grid{grid-template-columns:repeat(4,1fr)}.skill-grid,.library-main .skill-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.source-layout{grid-template-columns:1fr}.source-orbit{height:250px}.library-shell{grid-template-columns:1fr}.filters{position:static;max-height:none;display:none}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:min(100% - 28px,1220px)}.nav nav{display:none}.nav{gap:10px}.nav-actions{margin-left:auto}.hide-mobile{display:none}.hero{padding-top:70px}.hero-copy h1{font-size:45px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-search{display:block}.hero-search button{width:100%;margin-top:8px}.layout-tools{align-items:flex-start;gap:10px}.layout-tools div{display:grid;gap:3px}.capability-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;gap:16px}.section-head h2{font-size:29px}.skill-grid,.library-main .skill-grid{grid-template-columns:1fr}.source-layout h2,.cta-band h2{font-size:31px}.cta-band>.shell{display:grid;gap:20px}.library-toolbar{display:grid;gap:12px}.toolbar-controls{overflow:auto}.detail-grid,.detail-head{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.guide-grid,.guide-notes,.admin-grid,.two{grid-template-columns:1fr}.footer-inner{display:grid;gap:8px}.orbit-core{width:110px;height:110px}.module-handle{left:8px}.simple-hero h1,.library-hero h1,.journal-hero h1,.detail-hero h1{font-size:38px}}

/* v1.1 — three-level quality system */
.quality-band{padding:82px 0;background:linear-gradient(145deg,#f2efe8 0%,#e8edf3 54%,#dde6ef 100%);border-top:1px solid rgba(22,35,55,.06);border-bottom:1px solid rgba(22,35,55,.08)}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quality-tile{border:1px solid rgba(30,44,65,.1);border-radius:20px;padding:25px;text-align:left;min-height:220px;position:relative;overflow:hidden;transition:.22s;box-shadow:0 14px 34px rgba(31,47,72,.06)}button.quality-tile{cursor:pointer;width:100%}.quality-tile:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(31,47,72,.11)}.quality-tile:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-65px;opacity:.26}.quality-tile.verified{background:linear-gradient(145deg,#16243e,#22385e);color:#fff;border-color:rgba(255,255,255,.08)}.quality-tile.verified:before{background:#79a8ff}.quality-tile.curated{background:linear-gradient(145deg,#e5ebff,#dbe9ee);color:#172139}.quality-tile.curated:before{background:#7b8de7}.quality-tile.indexed{background:rgba(255,255,255,.7);color:#263449}.quality-tile.indexed:before{background:#aeb9c8}.quality-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;opacity:.66}.quality-tile strong{display:block;font-size:47px;line-height:1;margin:28px 0 9px;letter-spacing:-.04em}.quality-tile h3{font-size:18px;margin:0 0 9px}.quality-tile p{font-size:11px;line-height:1.72;margin:0;max-width:90%;opacity:.73}.quality-grid.compact .quality-tile{min-height:180px}.quality-grid.compact .quality-tile strong{font-size:36px;margin-top:18px}
.card-signals{display:flex;align-items:flex-start;gap:8px}.quality-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap;letter-spacing:.02em}.quality-badge.verified{background:#182d4f;color:#eaf2ff;border:1px solid #294a79}.quality-badge.curated{background:#e6eaff;color:#4352a0;border:1px solid #ccd3ff}.quality-badge.indexed{background:#edf0f4;color:#6e7b8c;border:1px solid #dde3ea}.quality-badge.planned{background:#f0ece4;color:#8a745a;border:1px solid #e4dccf}.quality-verified{border-color:#c8d4e7}.quality-curated{border-color:#d9ddf1}.quality-indexed{opacity:.96}.skill-card.quality-verified:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#345c92,#7289d5)}.skill-card.quality-curated:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#8c96d9}.skill-card-top .score{min-width:34px}
.tier-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tier-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#b8c4d7;border-radius:999px;padding:9px 13px;font-size:10px;cursor:pointer}.tier-tabs button b{margin-left:6px;color:#fff}.tier-tabs button.active{background:#fff;color:#15223a;border-color:#fff}.tier-tabs button.active b{color:#15223a}.tier-tabs button.verified:not(.active){border-color:rgba(116,163,235,.35)}.tier-tabs button.curated:not(.active){border-color:rgba(153,163,230,.3)}
.quality-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.legend-item{border-radius:11px;padding:10px 12px;border:1px solid #dde3eb;background:#f7f9fb}.legend-item b{display:block;font-size:10px;margin-bottom:3px}.legend-item span{font-size:9px;color:#7b8797}.legend-item.verified{background:#172641;color:#fff;border-color:#172641}.legend-item.verified span{color:#aab8cb}.legend-item.curated{background:#e8ebff;border-color:#d7dcff}.quality-detail{position:relative;overflow:hidden}.quality-detail:after{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;opacity:.14}.quality-detail.verified{background:linear-gradient(145deg,#172641,#243b61);color:#fff;border:0}.quality-detail.verified p{color:#b9c6d8}.quality-detail.verified:after{background:#75a7ff}.quality-detail.curated{background:#eef0ff;border-color:#d9defd}.quality-detail.curated:after{background:#8791da}.quality-detail.indexed{background:#f7f8fa}.quality-detail.indexed:after{background:#a9b5c5}.quality-detail.planned{background:#f4f0e8}.quality-policy{margin-top:4px}.quality-admin{grid-template-columns:repeat(6,1fr)}.verified-stat{background:#172641;color:#fff}.verified-stat span{color:#b4c0d3}.curated-stat{background:#e8ebff}.indexed-stat{background:#f0f2f5}.admin-hint{font-size:11px;color:#7a8799;margin:-5px 0 16px}
@media(max-width:1050px){.quality-grid{grid-template-columns:1fr}.quality-admin{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.quality-legend{grid-template-columns:1fr}.quality-admin{grid-template-columns:1fr 1fr}.quality-tile{min-height:180px}.quality-tile strong{font-size:38px}.card-signals{gap:5px}.quality-badge{font-size:8px;padding:4px 6px}}

/* v1.2 — refined minimal premium style */
:root{
  --paper:#f6f5f2;
  --mist:#eef1f4;
  --text:#172033;
  --muted:#6c788b;
  --line:#dde3ea;
  --shadow:0 18px 44px rgba(18,31,53,.06);
  --blue:#6f86b6;
  --violet:#8797c9;
  --cyan:#88a8b6;
  --emerald:#7fa8a0;
  --amber:#bda07a;
  --rose:#b78c95;
  --pink:#b393be;
  --teal:#7ba4a0;
  --indigo:#7f8fbe;
  --slate:#7d93a6;
}
body{background:linear-gradient(180deg,#f7f6f3 0%,#f3f5f8 100%);color:var(--text)}
.topbar{background:rgba(247,246,243,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,32,51,.06);box-shadow:0 6px 24px rgba(16,24,40,.03)}
.nav{color:var(--text)}
.brand{font-weight:700;color:#12203a}.brandmark{background:linear-gradient(145deg,#6d7fa5,#879bc0);box-shadow:0 8px 18px rgba(91,110,150,.18)}
.nav nav a{color:#5f6d82}.nav nav a:hover{color:#111a2d}
.sync-mini{border:1px solid rgba(17,27,45,.08);background:#fff;color:#5e6e84}
.btn{background:#fff;border-color:#d9e1e9;color:#1b2740;box-shadow:none}
.btn.primary{background:#1f2d45;border-color:#1f2d45;color:#fff}
.btn.light{background:#fff;color:#1f2d45;border-color:#d9e1e9}.btn.line-light{background:#fff;color:#1f2d45;border-color:#d9e1e9}.btn.ghost.dark{background:#fff;color:#1f2d45;border-color:#d9e1e9}
.hero{background:radial-gradient(circle at 78% 16%,rgba(123,143,189,.22),transparent 24%),radial-gradient(circle at 90% 68%,rgba(123,164,160,.12),transparent 22%),linear-gradient(180deg,#f6f5f2 0%,#eef2f6 100%);color:var(--text);padding:88px 0 28px;border-bottom:1px solid rgba(23,32,51,.06)}
.hero-noise{opacity:.03;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.eyebrow{color:#7a8798}.hero-copy h1{color:#131d31}.hero-copy h1 em{background:linear-gradient(90deg,#243654,#6d819d);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#667487;max-width:760px}.hero-search{background:#fff;border:1px solid #dfe5ec;box-shadow:0 18px 42px rgba(19,30,48,.05)}
.hero-search input{color:#1c2740}.hero-search input::placeholder{color:#98a3b4}.hero-search button{background:#1f2d45;color:#fff}
.hero-actions .btn:not(.primary){background:#fff;color:#1f2d45;border-color:#dce3ea}
.metric-card{border:1px solid rgba(23,32,51,.08);background:rgba(255,255,255,.76);backdrop-filter:blur(10px);box-shadow:0 20px 52px rgba(20,33,55,.08)}
.metric-card span{color:#7d8ca1}.metric-card strong{color:#18243b}.metric-card p{color:#718094}.metric-bar{background:#e8edf3}.metric-bar i{background:linear-gradient(90deg,#6d819d,#90a9b5)}
.floating-label{background:#fff;border:1px solid #e0e6ed;color:#47556b}
.hero-stats{border-top:1px solid rgba(23,32,51,.08)}.hero-stats strong{color:#16213a}.hero-stats span{color:#75849a}
.sync-panel{background:#fff;border:1px solid #e0e6ed;color:#667487;box-shadow:0 14px 34px rgba(17,27,45,.04)}.sync-panel>b,.sync-panel button{color:#1f2d45}
.layout-tools{padding:20px 0 6px}.layout-tools button,.link-button{background:#fff;border-color:#dfe5ec;color:#4f5d73}
.section-head span{color:#7a8798}.section-head h2{font-size:34px;color:#16213a}.section-head p{color:#6d798c}
.capability-band,.discipline-band,.feature-band,.quality-band,.source-band{padding:72px 0}
.capability-band{background:#f2f4f7;color:#172033}
.cap-tile{background:#fff;border:1px solid #dfe5ec;color:#1f2d45;box-shadow:0 10px 24px rgba(20,33,55,.04)}
.cap-tile:hover{background:#fff;transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,33,55,.08)}
.cap-tile span{color:#6c788b}.cap-tile small{color:#8c97a8}.cap-tile strong{margin-top:18px;font-size:28px}
.cap-tile.violet,.cap-tile.rose,.cap-tile.cyan,.cap-tile.blue,.cap-tile.amber,.cap-tile.indigo,.cap-tile.emerald,.cap-tile.slate,.cap-tile.teal,.cap-tile.pink{box-shadow:inset 0 3px #778aa7,0 10px 24px rgba(20,33,55,.04)}
.discipline-band{background:#edf1f5}.discipline-pill{background:#fff;border:1px solid #dde3ea;box-shadow:0 10px 26px rgba(20,33,55,.04)}
.discipline-pill.p1,.discipline-pill.p2,.discipline-pill.p3{background:#fff}.discipline-pill b{background:#f2f5f8;color:#566579}
.feature-band{background:#f7f6f3}.skill-card{background:#fff;border:1px solid #dee5ec;border-radius:18px;box-shadow:0 10px 26px rgba(17,27,45,.05)}
.skill-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(17,27,45,.08)}
.skill-card:before,.skill-card.accent-violet:before,.skill-card.accent-rose:before,.skill-card.accent-cyan:before,.skill-card.accent-blue:before,.skill-card.accent-amber:before,.skill-card.accent-indigo:before,.skill-card.accent-emerald:before,.skill-card.accent-teal:before,.skill-card.accent-pink:before{background:#8093ac}
.source-badge{background:#f3f5f8;color:#6c788b}.score{color:#1b2740}.score small{color:#97a1b1}.skill-card h3{color:#18243b}.skill-card p{color:#6d798c}.tag-row span{background:#f3f5f8;color:#59677b}.skill-foot{color:#99a2b0}
.quality-band{background:linear-gradient(180deg,#eef2f6 0%,#f7f6f3 100%)}
.quality-tile{background:#fff;border:1px solid #dde4eb;box-shadow:0 12px 32px rgba(18,31,53,.05)}
.quality-tile:hover{box-shadow:0 20px 44px rgba(18,31,53,.08)}
.quality-tile.verified{background:#23324a;color:#fff;border-color:#23324a}
.quality-tile.curated{background:#fff;color:#1b2740}.quality-tile.curated:before{background:#d5deeb}.quality-tile.indexed{background:#f7f8fa}.quality-kicker{opacity:.58}.quality-tile p{opacity:.76}
.source-band{background:#eaf0f5}.source-layout h2{font-size:38px;color:#16213a}.source-layout p{color:#647286}.source-chips span{background:#fff;border:1px solid #dde4eb;box-shadow:0 8px 22px rgba(20,33,55,.04)}
.orbit-core{background:#22324b;box-shadow:0 20px 48px rgba(20,33,55,.12)}.orb{box-shadow:0 10px 26px rgba(20,33,55,.08);color:#23324a}
.cta-band{background:linear-gradient(135deg,#23324a,#4e617c)}
.library-hero,.journal-hero,.simple-hero,.detail-hero{background:linear-gradient(180deg,#f6f5f2 0%,#eef2f6 100%);color:#16213a;border-bottom:1px solid rgba(23,32,51,.06)}
.library-hero h1,.journal-hero h1,.simple-hero h1,.detail-hero h1{color:#16213a}.library-hero p,.journal-hero p,.simple-hero p,.detail-hero p{color:#667487}.library-hero .sync-panel{background:#fff}
.filters{background:rgba(255,255,255,.76);border:1px solid #dfe5ec;border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(20,33,55,.04)}
.filter-title button{color:#6f7d90}.filters input{background:#fff}.filter-btn:hover,.filter-btn.active{background:#eef2f6;color:#16213a}
.toolbar-controls select,.view-toggle{border-color:#d9e1e9}.view-toggle button.active{background:#22324b}
.load-note{background:#fafbfc;border-style:solid}.detail-tags span{border:1px solid #dbe2ea;background:#fff;color:#5d6c80}.big-score{background:#fff;border:1px solid #dee5ec;color:#16213a}.big-score small{color:#8390a2}
.panel{border-color:#dee5ec;box-shadow:0 12px 28px rgba(20,33,55,.05)}.dark-panel{background:#23324a;color:#fff}.dark-panel p{color:#c0cad8}
.pathbox{background:rgba(255,255,255,.09)}.info-grid div{background:#f4f6f8}.prompt-examples button{background:#fff}.sticky dl{font-size:12px}.sticky a{color:#22324b}
.guide-card,.admin-stat{border:1px solid #dee5ec;box-shadow:0 10px 24px rgba(20,33,55,.04)}.guide-notes div{background:#eef2f6}.form input,.form textarea,.form select{background:#fff}
.queue{border-top:1px solid #e6ebf0}.toast{background:#22324b}
footer{background:#151f32;color:#95a3b6}.footer-inner b{color:#fff}
.quality-badge.verified{background:#22324b;border-color:#22324b}.quality-badge.curated{background:#eff2f6;color:#3f4f65;border-color:#dde4ec}.quality-badge.indexed{background:#f7f8fa;color:#718092;border-color:#e0e6ed}.quality-badge.planned{background:#f3efe8;color:#7d6c57;border-color:#e6ddd0}
.skill-card.quality-verified:after{background:linear-gradient(#22324b,#6d819d)}.skill-card.quality-curated:after{background:#b2bfce}
.tier-tabs button{border-color:#dde4eb;background:#fff;color:#617084}.tier-tabs button b{color:#22324b}.tier-tabs button.active{background:#22324b;border-color:#22324b;color:#fff}.tier-tabs button.active b{color:#fff}
.quality-legend .legend-item{background:#fff}.legend-item.verified{background:#22324b;border-color:#22324b}.quality-detail.verified{background:#22324b}.quality-detail.curated{background:#f7f9fb;border-color:#dde4eb}.quality-detail.indexed{background:#fafbfc}.quality-detail.planned{background:#f6f2eb}
@media(max-width:700px){
  .topbar{background:rgba(247,246,243,.92)}
  .hero-copy h1{font-size:42px}
  .section-head h2{font-size:28px}
}

/* v1.3 — brand-first, restrained interactive homepage */
.premium-hero{padding:92px 0 26px;background:radial-gradient(circle at 82% 20%,rgba(128,147,184,.16),transparent 26%),linear-gradient(180deg,#f7f6f3 0%,#f0f3f6 100%)}
.premium-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:76px;align-items:center}
.premium-hero .hero-copy h1{font-size:64px;max-width:720px}.premium-hero .hero-copy>p{font-size:16px;max-width:720px}.premium-search{max-width:720px;margin-top:28px}
.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#768397;font-size:12px}.hero-proof span{display:flex;align-items:baseline;gap:6px}.hero-proof b{font-size:17px;color:#1a2740}
.hero-showcase{position:relative;height:390px}.showcase-main{position:absolute;inset:28px 26px 44px 0;background:rgba(255,255,255,.86);border:1px solid #dfe5eb;border-radius:24px;padding:30px;box-shadow:0 28px 70px rgba(22,35,57,.09);backdrop-filter:blur(12px)}
.showcase-head{display:flex;justify-content:space-between;align-items:flex-start}.showcase-head span{font-size:10px;letter-spacing:.16em;color:#8793a4;font-weight:800}.showcase-head b{font-size:34px;letter-spacing:-.04em;color:#1c2941}.showcase-main h3{font-size:24px;margin:50px 0 10px;letter-spacing:-.025em}.showcase-main p{font-size:13px;line-height:1.75;color:#6d798c;max-width:330px}
.showcase-bars{display:grid;gap:9px;margin-top:34px}.showcase-bars i{display:block;height:7px;width:var(--w);border-radius:99px;background:linear-gradient(90deg,#637892,#a8b7c5)}.showcase-bars i:nth-child(2){opacity:.65}.showcase-bars i:nth-child(3){opacity:.35}.showcase-footer{display:flex;gap:18px;margin-top:15px;color:#8a95a5;font-size:10px}
.showcase-mini{position:absolute;width:150px;background:#fff;border:1px solid #dee5ec;border-radius:17px;padding:16px 18px;box-shadow:0 16px 38px rgba(22,35,57,.07)}.showcase-mini span{display:block;font-size:10px;color:#7e8a9b}.showcase-mini strong{display:block;font-size:27px;margin:10px 0 1px;color:#1d2a42}.showcase-mini small{font-size:9px;color:#99a3b1}.showcase-mini.mini-a{right:0;top:0}.showcase-mini.mini-b{right:2px;bottom:0}
.hero-meta{display:flex;align-items:center;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid rgba(24,36,57,.07)}.sync-quiet{display:flex;align-items:center;gap:9px;color:#7b8798;font-size:11px}.sync-quiet button,.layout-quiet{border:0;background:none;color:#415068;font-weight:700;font-size:11px;padding:7px 0}.sync-quiet button{margin-left:4px}.layout-quiet{border-bottom:1px solid #bec8d4}
.module-handle{left:auto;right:22px;top:22px;background:#fff;color:#68758a;border:1px solid #dfe5ec;box-shadow:0 8px 20px rgba(17,27,45,.05)}.editing .home-module{outline:1px dashed #9daabd;outline-offset:-10px}.editing .home-module.dragging{opacity:.58}
.refined-capability{background:#f5f6f7}.premium-cap-grid{grid-template-columns:repeat(4,1fr);gap:14px}.premium-cap-grid .cap-tile{height:116px;border-radius:16px;padding:18px}.premium-cap-grid .cap-tile strong{margin-top:16px;font-size:25px}.premium-cap-grid .cap-tile small{float:right;margin-top:-18px}.premium-cap-grid .cap-tile:hover{transform:translateY(-2px)}
.refined-discipline{background:#edf1f4}.premium-discipline-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.premium-discipline-cloud .discipline-pill{border-radius:15px;justify-content:space-between;padding:18px 17px;box-shadow:none}.premium-discipline-cloud .discipline-pill:hover{transform:translateY(-2px);border-color:#cbd5df}.premium-discipline-cloud .discipline-pill b{background:#f1f4f7}
.refined-feature{background:#f7f6f3}.premium-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px}.premium-feature-grid .skill-card{min-height:245px}.minimal-link{border:0;background:transparent;padding:0;color:#48576d}.minimal-link:hover{color:#18243b}
.refined-quality{background:#f1f3f5}.premium-quality-grid{grid-template-columns:repeat(3,1fr);gap:14px}.premium-quality-grid .quality-tile{min-height:175px;padding:22px;border-radius:18px}.premium-quality-grid .quality-tile:before{display:none}.quality-line{display:flex;align-items:end;justify-content:space-between;margin:22px 0 10px}.premium-quality-grid .quality-line h3{margin:0;font-size:17px}.premium-quality-grid .quality-line strong{margin:0;font-size:31px}.premium-quality-grid .quality-tile p{font-size:10px;max-width:95%}
.refined-source{background:#e8edf2}.source-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.source-row button{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7dfe7;background:rgba(255,255,255,.74);border-radius:13px;padding:14px 16px;color:#35445a;text-align:left}.source-row button:hover{background:#fff;transform:translateY(-1px)}.source-row span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-row b{font-size:12px;color:#7c899a}
.premium-cta{background:linear-gradient(135deg,#1d2a40,#34465f);padding:58px 0}.premium-cta h2{font-size:38px}.premium-cta p{margin-bottom:0}
.refined-capability .section-head,.refined-quality .section-head,.refined-discipline .section-head,.refined-feature .section-head,.refined-source .section-head{align-items:flex-end}.refined-capability .section-head a,.refined-quality .section-head a,.refined-discipline .section-head a,.refined-source .section-head a{font-size:11px;color:#536176;font-weight:700}
@media(max-width:1050px){.premium-hero-grid{grid-template-columns:1fr;gap:28px}.hero-showcase{height:320px;max-width:650px}.premium-cap-grid{grid-template-columns:repeat(2,1fr)}.premium-discipline-cloud{grid-template-columns:repeat(3,1fr)}.premium-feature-grid{grid-template-columns:repeat(2,1fr)}.source-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.premium-hero{padding-top:66px}.premium-hero .hero-copy h1{font-size:43px}.hero-showcase{height:280px}.showcase-main{inset:14px 10px 28px 0;padding:22px}.showcase-main h3{margin-top:34px;font-size:20px}.showcase-mini{width:120px;padding:12px}.showcase-mini strong{font-size:22px}.premium-cap-grid,.premium-quality-grid,.premium-feature-grid,.source-row{grid-template-columns:1fr}.premium-discipline-cloud{grid-template-columns:repeat(2,1fr)}.hero-proof{gap:12px 18px}.hero-meta{align-items:flex-start;gap:12px}.sync-quiet{max-width:75%;align-items:flex-start}.refined-capability .section-head,.refined-quality .section-head,.refined-discipline .section-head,.refined-feature .section-head,.refined-source .section-head{align-items:flex-start}.premium-cta h2{font-size:30px}}


/* v1.4 hero refinement */
.journal-hero{padding-top:78px;padding-bottom:26px}
.journal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:72px;align-items:center}
.journal-hero-copy h1{font-size:78px;line-height:.95;letter-spacing:-.05em;max-width:700px}
.journal-hero-copy>p{max-width:760px;font-size:16px;line-height:1.8}
.hero-hot{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;color:#7b889b;font-size:13px}.hero-hot span{color:#7b889b}.hero-hot a{cursor:pointer;color:#4d5d74}.hero-hot a:hover{color:#1c2a42}
.compact-proof{margin-top:22px}
.journal-card-stage{position:relative;height:470px;min-width:440px}
.journal-float-card{position:absolute;left:50%;top:0;width:330px;background:rgba(255,255,255,.92);border:1px solid #dfe5ec;border-radius:28px;padding:28px 28px 22px;box-shadow:0 24px 60px rgba(22,35,57,.08);backdrop-filter:blur(12px);user-select:none;touch-action:none;cursor:grab;transition:box-shadow .18s ease}
.journal-float-card:hover{box-shadow:0 32px 72px rgba(22,35,57,.12)}
.journal-float-card.dragging-card{cursor:grabbing;box-shadow:0 36px 80px rgba(22,35,57,.16);z-index:8}
.journal-float-card .j-head{font-size:12px;font-weight:800;letter-spacing:.12em;color:#627598;margin-bottom:26px}.journal-float-card h3{font-size:28px;line-height:1.28;margin:0 0 14px;color:#15213a}.journal-float-card p{margin:0 0 46px;color:#6f7d90;font-size:16px}.journal-float-card .j-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e9edf2;color:#7d8b9f;font-size:12px}
.card-a{z-index:3}.card-b{z-index:2}.card-c{z-index:4}
@media(max-width:1050px){.journal-hero-grid{grid-template-columns:1fr;gap:24px}.journal-card-stage{height:390px;min-width:0;max-width:720px}.journal-hero-copy h1{font-size:62px}}
@media(max-width:700px){.journal-hero-copy h1{font-size:46px}.journal-card-stage{height:330px}.journal-float-card{width:250px;padding:18px 18px 16px;border-radius:20px}.journal-float-card .j-head{margin-bottom:14px}.journal-float-card h3{font-size:22px}.journal-float-card p{margin-bottom:28px;font-size:14px}.hero-hot{gap:10px 14px;font-size:12px}}


/* v1.5 journal showcase section */
.journal-cta-band{background:linear-gradient(90deg,#0b1222 0%,#15203a 52%,#1e2a47 100%);padding:88px 0 108px}
.journal-cta-head{margin-bottom:34px}
.journal-cta-head h2{font-size:64px;line-height:1.08;letter-spacing:-.05em;margin:10px 0 12px;color:#fff}
.journal-cta-head p{font-size:17px;max-width:760px}
.journal-cta-head a{align-self:center;font-size:18px;font-weight:700;color:#d7e1f5;white-space:nowrap}
.journal-cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.journal-cta-card{min-height:210px;border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:28px 22px 22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .18s ease, box-shadow .18s ease}
.journal-cta-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(0,0,0,.18)}
.journal-cta-discipline{display:block;color:#c4cfdf;font-size:12px;font-weight:700;margin-bottom:18px}
.journal-cta-card h3{font-size:24px;line-height:1.35;color:#fff;margin:0 0 48px;font-weight:800}
.journal-cta-tags{display:flex;gap:10px;flex-wrap:wrap}
.journal-cta-tags b{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px;color:#edf3ff;font-weight:700}
@media(max-width:1100px){.journal-cta-grid{grid-template-columns:repeat(2,1fr)}.journal-cta-head h2{font-size:50px}}
@media(max-width:700px){.journal-cta-band{padding:60px 0 72px}.journal-cta-head h2{font-size:36px}.journal-cta-head p{font-size:15px}.journal-cta-grid{grid-template-columns:1fr}.journal-cta-card{min-height:auto}.journal-cta-card h3{margin-bottom:28px;font-size:22px}}


/* v1.6 brand-unified pages */
.refined-library-hero{padding:82px 0 34px;background:linear-gradient(180deg,#f6f5f2 0%,#edf1f5 100%)}
.refined-library-hero .hero-headline h1{font-size:58px;letter-spacing:-.05em;line-height:1.05;margin:12px 0 16px;color:#15213a}
.refined-library-hero .hero-headline p{max-width:900px;font-size:17px;line-height:1.8;color:#6b788a}
.library-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 18px}
.metric-lite{background:rgba(255,255,255,.75);border:1px solid #e0e6ed;border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.metric-lite strong{display:block;font-size:28px;color:#16213a}.metric-lite span{font-size:14px;color:#78879c}
.tier-tabs.refined{margin-top:18px}
.refined-library-shell{display:grid;grid-template-columns:280px 1fr;gap:28px;padding-top:26px;padding-bottom:40px}
.refined-filters{position:sticky;top:92px;align-self:start;background:rgba(255,255,255,.76);backdrop-filter:blur(10px);max-height:calc(100vh - 120px);overflow:auto}
.refined-library-main .library-toolbar.refined{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.refined-library-main .toolbar-title b{font-size:42px;color:#16213a}.refined-library-main .toolbar-title span{display:block;color:#748399}
.quality-legend.refined{grid-template-columns:repeat(3,1fr);margin-bottom:18px}

.refined-journal-page{background:linear-gradient(180deg,#0c1221 0%,#10192d 22%,#f5f6f8 22.1%,#f5f6f8 100%)}
.refined-journal-hero{padding:86px 0 100px;background:transparent;color:#fff}.refined-journal-hero .journal-hero-inner{display:grid;grid-template-columns:1.1fr 340px;gap:32px;align-items:end}
.refined-journal-hero h1{font-size:64px;line-height:1.08;letter-spacing:-.05em;color:#fff;margin:12px 0 16px}.refined-journal-hero p{max-width:780px;color:#c7d2e3;font-size:17px;line-height:1.8}
.journal-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journal-hero-side div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px 20px}.journal-hero-side strong{display:block;font-size:34px;color:#fff}.journal-hero-side span{color:#c5d0e2}
.journal-body{margin-top:-56px;padding-bottom:44px}.journal-discipline-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.journal-discipline-bar button{padding:12px 18px;border-radius:999px;background:#fff;border:1px solid #dfe5ec;color:#566579}.journal-discipline-bar button.active{background:#22324b;border-color:#22324b;color:#fff}.journal-discipline-bar button b{font-weight:700}
.journal-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.journal-show-card{background:#fff;border:1px solid #dee5ec;border-radius:24px;padding:24px 22px 20px;box-shadow:0 12px 28px rgba(18,31,53,.05);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.journal-show-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(18,31,53,.08)}.journal-show-card.published{border-top:4px solid #22324b}.journal-show-card.planned{border-top:4px solid #8da0bc}.journal-show-discipline{display:block;color:#73829a;font-size:13px;font-weight:700;margin-bottom:18px}.journal-show-card h3{font-size:28px;line-height:1.35;color:#0f1a31;margin:0 0 22px}.journal-divider{height:1px;background:#e8edf3;margin-bottom:18px}.journal-cap-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.journal-cap-tags b{padding:8px 12px;border-radius:999px;background:#f1f4f8;color:#4f617b;font-size:13px}.journal-show-foot{display:flex;justify-content:space-between;gap:12px;color:#8190a5;font-size:13px}

.refined-detail-hero{padding:82px 0 40px;background:linear-gradient(180deg,#f6f5f2 0%,#eef2f6 100%)}
.detail-hero-wrap{display:grid;grid-template-columns:1.15fr 320px;gap:28px;align-items:end}.refined-detail-hero h1{font-size:64px;letter-spacing:-.05em;line-height:1.05;color:#13203a;margin:14px 0 18px}.refined-detail-hero p{font-size:17px;line-height:1.8;color:#6d7b8f;max-width:840px}.hero-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.detail-summary-card{background:#fff;border:1px solid #dde4eb;border-radius:24px;padding:22px 22px 18px;box-shadow:0 12px 28px rgba(18,31,53,.05)}.detail-summary-card dl{margin:18px 0 0}.detail-summary-card dt{font-size:12px;color:#7c899d;margin-bottom:4px}.detail-summary-card dd{margin:0 0 12px;color:#16213a;font-weight:700}
.detail-content-grid{display:grid;grid-template-columns:1.1fr 340px;gap:26px;padding-top:22px;padding-bottom:42px}.detail-main-stack,.detail-side-stack{display:grid;gap:18px}.detail-acquire p{max-width:860px}.capability-panel .info-grid{grid-template-columns:repeat(3,1fr)}

@media(max-width:1100px){.refined-library-shell{grid-template-columns:1fr}.refined-filters{position:static;max-height:none}.library-metric-row,.quality-legend.refined,.journal-showcase-grid{grid-template-columns:repeat(2,1fr)}.refined-journal-hero .journal-hero-inner,.detail-hero-wrap,.detail-content-grid{grid-template-columns:1fr}.refined-detail-hero h1,.refined-journal-hero h1,.refined-library-hero .hero-headline h1{font-size:48px}.capability-panel .info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.library-metric-row,.quality-legend.refined,.journal-showcase-grid{grid-template-columns:1fr}.refined-library-main .library-toolbar.refined{display:block}.refined-library-main .toolbar-title{margin-bottom:12px}.refined-detail-hero h1,.refined-journal-hero h1,.refined-library-hero .hero-headline h1{font-size:36px}.journal-hero-side{grid-template-columns:1fr 1fr}.capability-panel .info-grid{grid-template-columns:1fr}}


/* v1.7 — classic Yanxi visual system + non-drag hero cards */
.topbar{background:#f6f7f9;border-bottom:1px solid #e5e8ee;box-shadow:none}.nav{height:72px}.nav-admin-btn{background:#f8f9fb;border-color:#e0e5ec}.nav-publish-btn{background:#203252;border-color:#203252}.sync-mini{display:none}

.journal-card-stage{overflow:visible}.journal-float-card{cursor:pointer;touch-action:auto;transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(1);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease;will-change:transform}.journal-float-card:hover{box-shadow:0 28px 68px rgba(22,35,57,.10)}.journal-float-card.card-active{transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(1.055);box-shadow:0 34px 78px rgba(22,35,57,.14);border-color:#cdd7e6}.journal-float-card.dragging-card{cursor:pointer;box-shadow:inherit}.card-a,.card-b,.card-c{z-index:auto}

.classic-journal-page{background:#f6f7f9;min-height:100vh}.classic-journal-head{padding:62px 0 26px}.classic-journal-title-row{display:flex;justify-content:space-between;gap:28px;align-items:end}.classic-journal-title-row h1{font-size:58px;letter-spacing:-.045em;line-height:1;margin:10px 0 18px;color:#111a2d}.classic-journal-title-row p{font-size:17px;color:#6e7a8f;max-width:820px;line-height:1.7}.journal-tools{display:grid;grid-template-columns:1fr 190px;gap:12px;margin-top:34px}.journal-tools input,.journal-tools select{height:58px;border:1px solid #dce2e9;background:#fff;border-radius:12px;padding:0 16px;font-size:16px;color:#28364d;outline:none}.journal-tools input:focus,.journal-tools select:focus{border-color:#9eafc7;box-shadow:0 0 0 3px rgba(55,77,112,.06)}.classic-journal-content{padding-bottom:70px}.journal-summary-line{display:flex;gap:24px;flex-wrap:wrap;color:#7b8798;font-size:13px;margin:4px 0 18px}.classic-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.classic-journal-card{min-height:305px;background:#fff;border:1px solid #dde3ea;border-radius:20px;padding:24px 24px 20px;box-shadow:0 10px 28px rgba(23,37,61,.035);cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.classic-journal-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(23,37,61,.07)}.classic-journal-card-top{display:flex;justify-content:space-between;align-items:center}.official-chip,.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px}.official-chip{background:#eef4fb;color:#45618a}.status-chip{background:#f3f5f7;color:#6c7888}.status-chip.live{background:#eef5f1;color:#4c7666}.status-chip.planned{background:#f5f1ea;color:#816f56}.classic-journal-card h3{font-size:24px;color:#0f1b31;margin:26px 0 12px;line-height:1.35}.classic-journal-card p{font-size:14px;line-height:1.8;color:#6d7b8f;margin:0}.classic-journal-tags{display:flex;gap:8px;margin-top:20px}.classic-journal-tags span{border:1px solid #e0e5eb;background:#fff;border-radius:8px;padding:7px 10px;color:#5f6e81;font-size:12px}.classic-journal-foot{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid #e9edf2;color:#8792a2;font-size:12px}

.classic-admin-page{background:#f6f7f9;min-height:100vh}.classic-admin-head{padding:54px 0 22px}.classic-admin-title-row{display:flex;justify-content:space-between;gap:24px;align-items:end}.classic-admin-title-row h1{font-size:50px;letter-spacing:-.04em;margin:8px 0 10px;color:#111a2d}.classic-admin-title-row p{font-size:16px;color:#6d7b8f;max-width:780px}.admin-sync-status{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe4ea;border-radius:12px;padding:12px 14px;color:#617085;font-size:12px}.classic-admin-content{padding-bottom:70px}.classic-admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.classic-admin-stats>div{background:#fff;border:1px solid #dde3ea;border-radius:16px;padding:18px}.classic-admin-stats strong{display:block;font-size:28px;color:#16233b}.classic-admin-stats span{font-size:12px;color:#7b8899}.classic-admin-panel{background:#fff;border:1px solid #dde3ea;border-radius:18px;padding:22px;margin-bottom:18px}.classic-admin-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.classic-admin-panel-head h2{font-size:22px;margin:0 0 6px;color:#18243b}.classic-admin-panel-head p{font-size:13px;color:#7a8799;margin:0}.admin-tier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.admin-tier-row>div{background:#f7f9fb;border:1px solid #e5e9ee;border-radius:14px;padding:16px}.admin-tier-row span{display:block;color:#54647a;font-size:12px}.admin-tier-row b{display:block;font-size:28px;color:#15213a;margin:5px 0}.admin-tier-row small{color:#9aa4b2;font-size:10px;letter-spacing:.08em}.classic-admin-table{margin-top:18px;border:1px solid #e0e5eb;border-radius:14px;overflow:hidden}.classic-admin-table-head,.classic-admin-table-row{display:grid;grid-template-columns:1.2fr 1.4fr .7fr .8fr;gap:12px;align-items:center;padding:13px 16px}.classic-admin-table-head{background:#f4f6f9;color:#748196;font-size:12px}.classic-admin-table-row{border-top:1px solid #e8ecf1;color:#526177;font-size:13px}.classic-admin-table-row b{display:block;color:#18243b}.classic-admin-table-row small{display:block;color:#8b96a5;margin-top:3px}.classic-admin-table-row button{border:1px solid #d8dee7;background:#fff;border-radius:8px;padding:7px 10px;margin-right:6px;color:#526177}.classic-admin-table-row .primary-small{background:#203252;color:#fff;border-color:#203252}.status-dot.waiting{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c5a268;margin-right:6px}.admin-empty{padding:38px}

@media(max-width:1050px){.classic-journal-grid{grid-template-columns:repeat(2,1fr)}.classic-admin-stats{grid-template-columns:repeat(3,1fr)}.classic-admin-table-head,.classic-admin-table-row{grid-template-columns:1fr 1fr}.classic-admin-table-head span:nth-child(n+3){display:none}}
@media(max-width:700px){.classic-journal-title-row,.classic-admin-title-row,.classic-admin-panel-head{display:block}.classic-journal-title-row .btn,.classic-admin-title-row .admin-sync-status{margin-top:16px}.journal-tools{grid-template-columns:1fr}.classic-journal-grid{grid-template-columns:1fr}.classic-admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tier-row{grid-template-columns:1fr}.classic-journal-title-row h1,.classic-admin-title-row h1{font-size:38px}.classic-admin-table-head{display:none}.classic-admin-table-row{grid-template-columns:1fr;padding:16px}.classic-journal-card{min-height:270px}}

/* v1.7.1 — tighten homepage hero composition */
.journal-hero-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);
  gap:42px;
}
.journal-card-stage{
  min-width:460px;
}
.journal-float-card{
  left:15%;
}
@media(max-width:1200px){
  .journal-hero-grid{gap:28px}
  .journal-float-card{left:10%}
}
@media(max-width:1050px){
  .journal-float-card{left:22%}
}
@media(max-width:700px){
  .journal-float-card{left:16%}
}


/* v1.8 refinements */
.hero-journal{padding-bottom:28px}
.hero-copy.journal-hero-copy h1{font-size:64px;line-height:1.02;letter-spacing:-.055em}
.hero-copy.journal-hero-copy h1 em{background:linear-gradient(90deg,#36476c,#7381af);-webkit-background-clip:text;color:transparent}
.journal-card-stage{height:430px;min-width:420px}
.journal-float-card{cursor:default;will-change:transform;transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(1);transition:transform .7s cubic-bezier(.22,.8,.2,1), box-shadow .25s ease, border-color .25s ease;}
.journal-float-card:hover{transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(1.045);box-shadow:0 30px 72px rgba(22,35,57,.14);border-color:#d0d8e6}
.journal-float-card.card-active,.journal-float-card.dragging-card{transform:none;box-shadow:inherit;border-color:inherit}
/* flatten and unify library page */
.refined-library-page{background:#f2f4f7}
.refined-library-hero{padding:74px 0 24px;background:#f2f4f7;border-bottom:0}
.refined-library-hero .hero-headline h1{font-size:52px;letter-spacing:-.055em;line-height:1.08;margin:10px 0 14px}
.refined-library-hero .hero-headline p{max-width:840px;color:#6f7d91}
.library-metric-row{gap:12px;margin:22px 0 14px}
.metric-lite{padding:16px 18px;border-radius:16px;box-shadow:none;background:#f8fafc}
.metric-lite strong{font-size:24px}
.refined-library-shell{padding-top:18px;padding-bottom:38px;background:#f2f4f7;grid-template-columns:250px 1fr;gap:22px}
.refined-filters{background:#f7f8fb;border:1px solid #e0e5ec;box-shadow:none;border-radius:18px;padding:16px}
.refined-library-main .library-toolbar.refined{margin-bottom:14px}
.refined-library-main .toolbar-title b{font-size:28px}
.quality-legend.refined{display:none}
.skill-grid{gap:14px}
.refined-library-main .skill-grid .skill-card{min-height:228px;padding:17px;border-radius:16px;box-shadow:none;background:#f9fbfc}
.refined-library-main .skill-grid .skill-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,37,61,.05)}
.load-note{background:#f7f8fb}
/* flatter journal cards */
.classic-journal-head{padding:56px 0 22px}
.classic-journal-title-row h1{font-size:52px}
.classic-journal-content{padding-bottom:54px}
.classic-journal-grid{gap:16px}
.classic-journal-card{min-height:268px;padding:21px 21px 18px;border-radius:18px;box-shadow:none}
.classic-journal-card h3{font-size:22px;margin:20px 0 10px}
.classic-journal-card p{font-size:13px;line-height:1.7}
.classic-journal-tags{margin-top:16px}
.classic-journal-foot{padding-top:15px}
@media(max-width:1200px){.refined-library-shell{grid-template-columns:230px 1fr}.journal-card-stage{min-width:360px}.hero-copy.journal-hero-copy h1{font-size:58px}}
@media(max-width:1050px){.journal-card-stage{height:360px}.refined-library-shell{grid-template-columns:1fr}.refined-filters{position:static;max-height:none}.hero-copy.journal-hero-copy h1{font-size:52px}}
@media(max-width:700px){.hero-copy.journal-hero-copy h1{font-size:42px}.journal-card-stage{height:315px}.refined-library-hero .hero-headline h1,.classic-journal-title-row h1{font-size:38px}.metric-lite{padding:14px 16px}}


/* v1.8.1 unify light-gray system + smoother journal card cycling */
:root{--surface-soft:#f2f4f7;--surface-soft-2:#f5f7fa;--surface-card:#fbfcfe;--surface-line:#dde4ec;--surface-text:#13203a;--surface-muted:#6e7c90}
body,.page{background:var(--surface-soft)}
.hero{background:linear-gradient(180deg,#f4f5f7 0%,#eef2f6 100%);color:var(--surface-text)}
.hero-noise{opacity:.04}
.hero-copy>p,.hero-hot span,.hero-hot a,.eyebrow{color:#6d7b91}
.hero-search{background:#fff;border:1px solid var(--surface-line)}
.hero-search input{color:var(--surface-text)}
.hero-search input::placeholder{color:#95a1b3}
.hero-search button{background:#162742;color:#fff}
.hero-meta{border-top:1px solid #e3e8ef}
.sync-quiet{background:transparent}
.layout-quiet{color:#61738d}
/* smoother home journal cards */
.journal-float-card{background:rgba(255,255,255,.95);transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(var(--card-s,1));transition:transform .92s cubic-bezier(.2,.78,.2,1), box-shadow .28s ease, border-color .28s ease}
.journal-float-card:hover{transform:translate(var(--card-x,0),var(--card-y,0)) rotate(var(--card-r,0deg)) scale(calc(var(--card-s,1) + 0.04));box-shadow:0 30px 72px rgba(22,35,57,.12);border-color:#cfd8e4}
/* remove jumping section colors */
.capability-band,.discipline-band,.feature-band,.source-band,.classic-journal-page,.refined-library-page{background:var(--surface-soft)}
.capability-band{color:var(--surface-text);padding:72px 0}
.capability-band .section-head h2,.capability-band .section-head p,.capability-band .section-head span{color:var(--surface-text)}
.capability-band .section-head p{color:var(--surface-muted)}
.cap-tile{background:var(--surface-card);border:1px solid var(--surface-line);color:var(--surface-text);box-shadow:none}
.cap-tile span,.cap-tile small{color:var(--surface-muted)}
.cap-tile:hover{background:#fff;transform:translateY(-2px)}
.discipline-band{padding:72px 0}
.feature-band{padding:72px 0}
.source-band{padding:72px 0}
.source-layout h2{color:var(--surface-text)}
.source-layout p{color:var(--surface-muted)}
.source-chips span{background:#fff;border:1px solid var(--surface-line)}
.source-orbit{height:310px}
.orbit-core{background:#fff;color:var(--surface-text);box-shadow:none;border:1px solid var(--surface-line)}
.orb{box-shadow:none;border:1px solid var(--surface-line)}
/* curated picks screenshot section */
.feature-band .section-head h2{font-size:54px;letter-spacing:-.055em;color:#13203a}
.feature-band .section-head p{color:var(--surface-muted)}
.feature-band .link-button,.feature-band .section-head a{color:#5e7190}
.skill-grid .skill-card{background:var(--surface-card);border:1px solid var(--surface-line);box-shadow:none}
.skill-grid .skill-card:hover{box-shadow:0 14px 28px rgba(24,38,61,.05)}
/* open library unified */
.refined-library-hero,.refined-library-shell{background:var(--surface-soft)}
.refined-filters,.metric-lite,.refined-library-main .skill-grid .skill-card,.panel,.classic-journal-card,.classic-admin-stat,.classic-admin-panel,.classic-admin-table{background:var(--surface-card);border-color:var(--surface-line)}
.refined-library-main .toolbar-title b,.classic-journal-title-row h1,.refined-library-hero .hero-headline h1{color:var(--surface-text)}
.refined-library-main .toolbar-title span,.active-filters span,.load-note,.classic-journal-title-row p{color:var(--surface-muted)}
.load-note{border:1px solid var(--surface-line)}
.classic-journal-card,.classic-admin-stat,.classic-admin-panel{box-shadow:none}
footer{background:#eef2f6;color:#728096;border-top:1px solid var(--surface-line)}
.footer-inner b{color:#14223c}
@media(max-width:700px){.feature-band .section-head h2{font-size:38px}}


/* v1.8.5 hero card motion + sharpness fix */
.journal-float-card{
  background:#ffffff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style:flat;
  transform-origin:center center;
  box-shadow:0 22px 48px rgba(22,35,57,.08);
}
.journal-float-card .j-head,
.journal-float-card h3,
.journal-float-card p,
.journal-float-card .j-foot{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.journal-float-card h3{letter-spacing:-.02em}
.journal-float-card{
  transform:translate3d(var(--card-x,0),var(--card-y,0),0) rotate(var(--card-r,0deg)) scale(var(--card-s,1));
  transition:transform 1.05s cubic-bezier(.22,.76,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.journal-float-card:hover{
  transform:translate3d(var(--card-x,0),var(--card-y,0),0) rotate(var(--card-r,0deg)) scale(calc(var(--card-s,1) + 0.035));
  box-shadow:0 28px 58px rgba(22,35,57,.11);
}

/* v1.8.6 compact vertical rhythm */
.home-module{
  background:var(--surface-soft) !important;
  border-top:1px solid rgba(19,32,58,.055);
}
.home-module + .home-module{border-top:1px solid rgba(19,32,58,.055)}
.capability-band,.discipline-band,.feature-band,.quality-band,.source-band,
.refined-capability,.refined-discipline,.refined-feature,.refined-quality,.refined-source{
  padding:46px 0 !important;
  background:var(--surface-soft) !important;
}
.section-head{margin-bottom:18px;align-items:flex-end}
.section-head span{font-size:9px;letter-spacing:.16em}
.section-head h2{font-size:31px;line-height:1.16;letter-spacing:-.035em;margin:6px 0 7px}
.section-head p{font-size:13px;line-height:1.62;max-width:760px}
.refined-capability .section-head a,.refined-quality .section-head a,.refined-discipline .section-head a,.refined-source .section-head a{font-size:11px}

/* disciplines: much more compact */
.premium-discipline-cloud{gap:10px;grid-template-columns:repeat(5,1fr)}
.premium-discipline-cloud .discipline-pill{
  min-height:56px;
  padding:12px 15px;
  border-radius:14px;
  font-size:14px;
}
.premium-discipline-cloud .discipline-pill b{padding:4px 8px;font-size:11px}

/* capability blocks */
.premium-cap-grid{gap:11px}
.premium-cap-grid .cap-tile{height:96px;padding:14px 15px;border-radius:14px}
.premium-cap-grid .cap-tile span{font-size:12px}
.premium-cap-grid .cap-tile strong{font-size:22px;margin-top:10px}
.premium-cap-grid .cap-tile small{font-size:9px;margin-top:-15px}

/* quality blocks */
.premium-quality-grid{gap:11px}
.premium-quality-grid .quality-tile{min-height:142px;padding:17px 18px;border-radius:16px;box-shadow:none}
.quality-line{margin:14px 0 7px}
.premium-quality-grid .quality-line h3{font-size:15px}
.premium-quality-grid .quality-line strong{font-size:25px}
.premium-quality-grid .quality-tile p{font-size:10px;line-height:1.55}

/* curated skills */
.feature-band .section-head h2{font-size:32px !important;letter-spacing:-.04em}
.premium-feature-grid{gap:13px}
.premium-feature-grid .skill-card{min-height:214px;padding:16px;border-radius:15px}
.premium-feature-grid .skill-card h3{font-size:16px;margin:14px 0 7px}
.premium-feature-grid .skill-card p{height:48px;font-size:11px;line-height:1.55}
.premium-feature-grid .tag-row{margin-top:10px}
.premium-feature-grid .skill-foot{bottom:13px;left:16px;right:16px}

/* sources */
.source-row{gap:9px}
.source-row button{padding:11px 14px;border-radius:12px}
.source-row span{font-size:11px}.source-row b{font-size:11px}

/* hero-to-content rhythm */
.hero-meta{margin-top:24px;padding-top:14px}
.hero-proof{margin-top:18px}
.hero-actions{margin-top:15px}
.hero-hot{margin-top:12px}

/* compact interior pages too */
.classic-journal-head{padding:46px 0 18px}
.classic-journal-title-row h1{font-size:48px;margin-bottom:12px}
.journal-tools{margin-top:24px}
.classic-journal-content{padding-bottom:44px}
.refined-library-hero{padding:54px 0 18px}
.refined-library-hero .hero-headline h1{font-size:46px;margin:8px 0 10px}
.library-metric-row{margin:16px 0 10px}
.refined-library-shell{padding-top:14px;padding-bottom:32px}
.detail-content-grid{padding-top:16px;padding-bottom:34px}

footer{padding:20px 0}

@media(max-width:1050px){
  .premium-discipline-cloud{grid-template-columns:repeat(3,1fr)}
  .capability-band,.discipline-band,.feature-band,.quality-band,.source-band,
  .refined-capability,.refined-discipline,.refined-feature,.refined-quality,.refined-source{padding:40px 0 !important}
}
@media(max-width:700px){
  .premium-discipline-cloud{grid-template-columns:repeat(2,1fr)}
  .capability-band,.discipline-band,.feature-band,.quality-band,.source-band,
  .refined-capability,.refined-discipline,.refined-feature,.refined-quality,.refined-source{padding:34px 0 !important}
  .section-head{margin-bottom:15px}
  .section-head h2,.feature-band .section-head h2{font-size:27px !important}
  .premium-discipline-cloud .discipline-pill{min-height:52px;padding:10px 12px}
}


.closing-band{background:linear-gradient(90deg,#071124 0%,#10203b 55%,#152a48 100%);padding:78px 0 86px}
.journal-cta-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.journal-cta-copy{padding-right:10px}
.closing-band .journal-cta-head{margin-bottom:28px}
.closing-band .journal-cta-head h2{font-size:62px;line-height:1.05;letter-spacing:-.055em;margin:8px 0 16px;color:#fff;max-width:720px}
.closing-band .journal-cta-head p{font-size:16px;line-height:1.8;color:#b5c3db;max-width:680px;margin:0}
.journal-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn.line-light{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.18)}
.closing-band .journal-cta-grid.flatter{grid-template-columns:repeat(4,1fr);gap:14px}
.closing-band .journal-cta-card.flatter{min-height:206px;padding:22px 18px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:none}
.closing-band .journal-cta-card.flatter:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.closing-band .journal-cta-discipline{font-size:11px;letter-spacing:.12em;color:#b8c7de;margin-bottom:14px}
.closing-band .journal-cta-card.flatter h3{font-size:28px;line-height:1.22;margin:0 0 22px;color:#fff;min-height:auto}
.closing-band .journal-cta-tags{gap:9px}
.closing-band .journal-cta-tags b{padding:8px 12px;font-size:13px;background:rgba(255,255,255,.08);color:#eef4ff}
@media(max-width:1200px){.journal-cta-layout{grid-template-columns:1fr}.closing-band .journal-cta-head h2{font-size:52px}.closing-band .journal-cta-grid.flatter{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.closing-band{padding:56px 0 62px}.closing-band .journal-cta-head h2{font-size:36px}.closing-band .journal-cta-grid.flatter{grid-template-columns:1fr}.closing-band .journal-cta-card.flatter h3{font-size:24px}}



/* v1.8.9 closing section: flatter + brand-consistent */
.closing-band-v2{background:linear-gradient(90deg,#071124 0%,#10203a 58%,#172a48 100%);padding:58px 0 62px;color:#fff}
.closing-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.closing-copy .journal-cta-head{margin:0}
.closing-copy .journal-cta-head .eyebrow{color:#9fb2d1;margin-bottom:12px}
.closing-copy .journal-cta-head h2{font-size:54px;line-height:1.04;letter-spacing:-.055em;margin:0 0 16px;color:#fff;font-weight:800}
.closing-copy .journal-cta-head p{font-size:15px;line-height:1.75;color:#b9c7dc;max-width:600px;margin:0 0 20px}
.closing-link{display:inline-block;color:#d7e2f3;font-size:14px;font-weight:700}
.closing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.closing-card{min-height:174px;padding:20px 18px 18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.11);box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.closing-card:hover{transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16);box-shadow:none}
.closing-card .journal-cta-discipline{font-size:10px;letter-spacing:.12em;color:#aebed5;margin-bottom:14px;font-weight:700}
.closing-card h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 24px;color:#fff;font-weight:800}
.closing-card .journal-cta-tags{display:flex;gap:7px;flex-wrap:wrap}
.closing-card .journal-cta-tags b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.075);color:#eef4ff;font-size:12px;font-weight:700}
footer{background:#0c1628;color:#8fa0b7;padding:20px 0;border-top:1px solid rgba(255,255,255,.04)}
.footer-inner b{color:#fff}.footer-inner{align-items:center}
@media(max-width:1200px){.closing-layout{grid-template-columns:1fr;gap:28px}.closing-grid{grid-template-columns:repeat(4,1fr)}.closing-copy .journal-cta-head h2{font-size:48px}}
@media(max-width:900px){.closing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.closing-band-v2{padding:46px 0 50px}.closing-copy .journal-cta-head h2{font-size:36px}.closing-grid{grid-template-columns:1fr 1fr}.closing-card{min-height:150px}.closing-card h3{font-size:21px}}


/* v1.9.0 — downward custom journal filter, flatter closing band, refined footer */
.journal-tools{align-items:stretch;overflow:visible;position:relative}
.custom-select{position:relative;z-index:60}
.custom-select-trigger{width:100%;height:58px;border:1px solid #dce2e9;background:#fff;border-radius:12px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#28364d;font-size:16px;cursor:pointer;text-align:left}
.custom-select-trigger i{font-style:normal;font-size:18px;color:#728096;transition:transform .18s ease}
.custom-select.open .custom-select-trigger{border-color:#9eafc7;box-shadow:0 0 0 3px rgba(55,77,112,.06)}
.custom-select.open .custom-select-trigger i{transform:rotate(180deg)}
.custom-select-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:360px;overflow:auto;background:#fff;border:1px solid #dce2e9;border-radius:12px;padding:7px;box-shadow:0 18px 40px rgba(22,35,57,.12);z-index:90}
.custom-select.open .custom-select-menu{display:block;animation:dropdownDown .15s ease-out}
@keyframes dropdownDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.custom-select-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#26364e;font-size:14px;cursor:pointer;text-align:left}
.custom-select-menu button:hover{background:#f1f4f8}
.custom-select-menu button.active{background:#20314e;color:#fff}
.custom-select-menu button b{font-size:12px;font-weight:700;opacity:.7}

.closing-band-v2{padding:42px 0 44px}
.closing-layout{grid-template-columns:.95fr 1.05fr;gap:34px}
.closing-copy .journal-cta-head .eyebrow{margin-bottom:9px}
.closing-copy .journal-cta-head h2{font-size:46px;line-height:1.04;margin:0 0 12px;max-width:620px}
.closing-copy .journal-cta-head p{font-size:13px;line-height:1.7;margin:0 0 15px;max-width:590px}
.closing-link{font-size:13px}
.closing-grid{gap:10px}
.closing-card{min-height:142px;padding:17px 15px 15px;border-radius:17px}
.closing-card .journal-cta-discipline{font-size:9px;margin-bottom:10px}
.closing-card h3{font-size:21px;margin:0 0 16px}
.closing-card .journal-cta-tags{gap:6px}
.closing-card .journal-cta-tags b{padding:6px 8px;font-size:10px}

.site-footer{background:#0a1425;color:#8fa0b7;padding:0;border-top:1px solid rgba(255,255,255,.05)}
.footer-affiliations{height:43px;display:flex;align-items:center;gap:12px;color:#aebbd0;font-size:11px;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.055)}
.footer-affiliations i{display:block;width:1px;height:12px;background:rgba(255,255,255,.16)}
.refined-footer-inner{min-height:58px;padding:0;display:flex;align-items:center;justify-content:space-between}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand b{font-size:15px;color:#fff;letter-spacing:-.01em}
.footer-brand span{font-size:12px;color:#8fa0b7}
.footer-meta{font-size:11px;color:#8293ac;letter-spacing:.02em}
@media(max-width:900px){.closing-layout{grid-template-columns:1fr;gap:20px}.closing-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.journal-tools{grid-template-columns:1fr}.custom-select-trigger{height:52px}.closing-band-v2{padding:34px 0 36px}.closing-copy .journal-cta-head h2{font-size:34px}.closing-grid{grid-template-columns:repeat(2,1fr)}.closing-card{min-height:124px}.footer-affiliations{height:auto;min-height:43px;flex-wrap:wrap;padding:10px 0}.refined-footer-inner{display:grid;gap:8px;padding:14px 0}.footer-brand{flex-wrap:wrap}.footer-meta{padding-bottom:2px}}


/* v1.9.1 — closing section and footer refinement */
.closing-band-v2{padding:38px 0 0;background:linear-gradient(90deg,#071124 0%,#10203a 58%,#172a48 100%)}
.closing-layout{grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;padding-bottom:26px}
.closing-copy .journal-cta-head h2{font-size:50px;line-height:1.03;margin:0 0 12px;max-width:620px}
.closing-copy .journal-cta-head p{font-size:14px;line-height:1.78;max-width:600px}
.closing-link{font-size:14px}
.closing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.closing-card{min-height:138px;padding:18px 16px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));backdrop-filter:blur(1px)}
.closing-card .journal-cta-discipline{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
.closing-card h3{font-size:20px;line-height:1.2;margin:0 0 18px}
.closing-card .journal-cta-tags b{padding:7px 10px;font-size:11px}
.closing-footer-wrap{border-top:1px solid rgba(255,255,255,.08)}
.closing-footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 2px}
.closing-brand{display:flex;align-items:center;gap:14px}
.closing-brand b{font-size:16px;color:#fff;letter-spacing:-.01em}
.closing-brand span{font-size:14px;color:#9fb0c8}
.closing-meta{font-size:13px;color:#9fb0c8;letter-spacing:.01em}
.site-footer{background:#0a1322;border-top:1px solid rgba(255,255,255,.05);padding:0}
.refined-affiliations{min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:14px;color:#c3d0e5;font-size:13px;letter-spacing:.01em}
.refined-affiliations i{display:block;width:1px;height:13px;background:rgba(255,255,255,.18)}
@media(max-width:1100px){.closing-copy .journal-cta-head h2{font-size:44px}.closing-grid{grid-template-columns:repeat(2,1fr)}.closing-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.closing-band-v2{padding:30px 0 0}.closing-layout{padding-bottom:20px}.closing-copy .journal-cta-head h2{font-size:34px}.closing-copy .journal-cta-head p{font-size:13px}.closing-grid{grid-template-columns:repeat(2,1fr);gap:10px}.closing-card{min-height:126px;padding:16px 14px 14px;border-radius:18px}.closing-card h3{font-size:18px}.closing-footer-inner{min-height:auto;display:grid;gap:8px;padding:14px 0}.closing-brand{flex-wrap:wrap;gap:8px}.closing-brand span,.closing-meta{font-size:12px}.refined-affiliations{min-height:46px;flex-wrap:wrap;padding:12px 0;font-size:12px}}


/* v1.9.2 — downward custom filters + affiliation text */
.hero-affiliation{color:#61738d;font-weight:700;font-size:11px;border-bottom:1px solid #bec8d4;padding:7px 0;white-space:nowrap}
.toolbar-select{position:relative;min-width:150px}
.toolbar-select .custom-select-trigger{height:42px;border-radius:11px;padding:0 12px;font-size:12px;min-width:150px}
.toolbar-select .custom-select-menu{top:calc(100% + 6px);bottom:auto;max-height:320px;padding:6px}
.toolbar-select .custom-select-menu button{font-size:12px;padding:9px 10px}
.toolbar-select .custom-select-menu button b{font-size:11px}
@media(max-width:700px){.hero-affiliation{white-space:normal;line-height:1.5}.toolbar-select{min-width:unset;flex:1}.toolbar-select .custom-select-trigger{min-width:unset;width:100%}}


/* v1.9.3 — remove extra footer bar, refine closing footer */
.closing-footer-wrap{margin-top:26px;border-top:1px solid rgba(255,255,255,.075)}
.closing-footer-inner{min-height:48px;padding:6px 0 2px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.closing-brand{gap:12px}
.closing-brand b{font-size:15px}
.closing-brand span{font-size:12.5px;color:#9aacbf}
.closing-meta{font-size:12.5px;color:#9aacbf;letter-spacing:.01em}
.site-footer{display:none}
@media(max-width:700px){.closing-footer-wrap{margin-top:18px}.closing-footer-inner{padding:10px 0 2px;gap:6px}.closing-brand b{font-size:14px}.closing-brand span,.closing-meta{font-size:11.5px}}


/* v1.9.4 — complete 3x3 curated grid, remove relevance score UI */
.premium-feature-grid,.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.card-signals{display:flex;align-items:center;justify-content:flex-end}
.skill-card .score{display:none !important}
.detail-summary-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8492a7;margin-bottom:14px}
@media(max-width:900px){.premium-feature-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:700px){.premium-feature-grid,.featured-grid{grid-template-columns:1fr !important}}


/* v1.9.5 — tighten bottom spacing of closing hero */
.closing-band-v2{padding:32px 0 0 !important}
.closing-layout{padding-bottom:14px !important;gap:30px !important;align-items:start !important}
.closing-copy .journal-cta-head{margin-bottom:0}
.closing-copy .journal-cta-head p{margin-bottom:18px}
.closing-footer-wrap{margin-top:14px !important}
@media(max-width:1100px){.closing-layout{padding-bottom:12px !important;gap:20px !important}}
@media(max-width:700px){.closing-band-v2{padding:24px 0 0 !important}.closing-layout{padding-bottom:10px !important;gap:16px !important}.closing-footer-wrap{margin-top:10px !important}}

/* v1.9.5.1 — ONLY reduce the blank space between closing link and divider */
.closing-layout{padding-bottom:2px !important}
.closing-footer-wrap{margin-top:2px !important}
@media(max-width:1100px){.closing-layout{padding-bottom:2px !important}.closing-footer-wrap{margin-top:2px !important}}
@media(max-width:700px){.closing-layout{padding-bottom:2px !important}.closing-footer-wrap{margin-top:2px !important}}


/* v2.1.0 中文名称 / 中文一句话介绍层 */
.skill-original-name{margin:-5px 0 10px;color:#8c919b;font-size:11px;line-height:1.35;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-card h3{margin-bottom:7px}
.skill-card .skill-original-name + p{margin-top:0}
.detail-original-name{margin:-8px 0 16px;color:#8c919b;font-size:13px;letter-spacing:.02em;word-break:break-word}
.upstream-original-panel .upstream-original-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:start;margin:4px 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(15,23,42,.08)}
.upstream-original-panel .upstream-original-row span{font-size:12px;color:#8a909a}
.upstream-original-panel .upstream-original-row b{font-size:13px;line-height:1.55;word-break:break-word}
.upstream-original-panel p{font-size:13px;line-height:1.75;color:#565d68;white-space:pre-wrap;word-break:break-word}
.upstream-original-panel small{display:block;margin-top:14px;color:#9aa0aa;font-size:11px;line-height:1.6}
@media(max-width:720px){.skill-original-name{white-space:normal}.upstream-original-panel .upstream-original-row{grid-template-columns:1fr;gap:5px}}


/* v2.2.0 — Chinese alias / search recall layer */
.alias-panel{padding-bottom:20px}
.alias-panel h2{margin-bottom:12px}
.alias-tags{display:flex;flex-wrap:wrap;gap:8px}
.alias-tags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid #dde4ec;border-radius:999px;background:#f5f7fa;color:#53647b;font-size:12px;line-height:1.2}
.alias-panel small{display:block;margin-top:12px;color:#8a97a9;font-size:11px;line-height:1.6}


/* v2.3.0 — verified journal homepage links */
.classic-journal-foot{align-items:center}
.journal-home-link{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  min-height:30px;padding:6px 10px 6px 9px;
  border:1px solid #d8e0ea;border-radius:999px;
  background:#f7f9fc;color:#28405f;text-decoration:none;
  font-size:11px;font-weight:750;line-height:1;white-space:nowrap;
  box-shadow:0 1px 0 rgba(20,38,65,.02);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.journal-home-link::before{
  content:"";display:block;width:5px;height:5px;border-radius:50%;
  background:#758dab;box-shadow:0 0 0 3px rgba(93,119,153,.09)
}
.journal-home-link i{font-style:normal;font-size:12px;line-height:1;opacity:.68;transition:transform .18s ease}
.journal-home-link:hover{background:#eef3f8;border-color:#b8c6d8;color:#142d4f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(31,52,81,.06)}
.journal-home-link:hover i{transform:translate(1px,-1px)}
.journal-home-link:focus-visible{outline:2px solid #7690b3;outline-offset:2px}
.journal-home-detail-btn{background:#f6f8fb;border-color:#cbd6e4;color:#203b5e}
.journal-home-detail-btn:hover{background:#eaf0f6;border-color:#adbed2}
.journal-home-detail-btn span{display:inline-block;margin-left:3px;transition:transform .18s ease}
.journal-home-detail-btn:hover span{transform:translate(1px,-1px)}
.journal-source-entry{margin-top:16px;padding-top:15px;border-top:1px solid #e5eaf0;display:grid;gap:7px}
.journal-source-entry span{color:#8793a4;font-size:11px;letter-spacing:.02em}
.journal-source-entry a{display:inline-flex;align-items:center;width:max-content;color:#2e4c72;font-size:12px;font-weight:750;text-decoration:none}
.journal-source-entry a:hover{color:#102c50}
@media(max-width:700px){.classic-journal-foot{gap:10px}.journal-home-link{min-height:28px;padding:6px 9px;font-size:10.5px}}


/* v2.3.1 — performance + card metadata spacing */
.skill-card{
  display:flex;
  flex-direction:column;
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:238px 360px;
}
.skill-card p{flex:0 0 auto}
.skill-card .tag-row{
  display:flex;
  flex-wrap:wrap;
  column-gap:8px;
  row-gap:8px;
  margin-top:14px;
  margin-bottom:12px;
  min-height:26px;
}
.skill-card .tag-row span{
  display:inline-flex;
  align-items:center;
  line-height:1.25;
  white-space:nowrap;
}
.skill-card .skill-foot{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-height:19px;
  margin-top:auto;
  padding-top:9px;
  color:#919aaa;
  font-size:9px;
  line-height:1.45;
}
.skill-card .skill-foot span{display:block;min-width:0}
.skill-card .skill-foot span:first-child{padding-right:6px}
.skill-card .skill-foot span:last-child{margin-left:auto;text-align:right;white-space:nowrap}
.refined-library-main .skill-grid .skill-card{min-height:240px;padding-bottom:15px}
.premium-feature-grid .skill-card{padding-bottom:15px}
.library-more{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 0 8px;color:#8b96a6;font-size:11px}
.library-more-btn{min-width:136px;padding:9px 16px;background:#fff;border-color:#dfe5ec;color:#334258;box-shadow:none}
.library-more-btn:hover{border-color:#bcc8d7;background:#f8fafc}
@media(max-width:700px){.library-more{padding-top:18px;flex-wrap:wrap}.skill-card .tag-row{margin-bottom:10px}.skill-card .skill-foot{padding-top:8px}}

/* v2.3.2 — rebuilt Skill detail page */
.detail-v2{background:#f3f6f9;color:#17243a;min-height:calc(100vh - 64px)}
.detail-v2 *{box-sizing:border-box}
.detail-v2-hero{background:linear-gradient(180deg,#f7f6f3 0%,#eef2f6 100%);border-bottom:1px solid #e1e6ec;padding:62px 0 34px}
.detail-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:52px;align-items:center}
.detail-v2-copy{min-width:0;max-width:920px}
.detail-v2-copy .eyebrow{margin-bottom:12px;color:#667991}
.detail-v2-copy h1{margin:0;color:#13213a;font-size:54px;line-height:1.06;letter-spacing:-.045em;font-weight:850}
.detail-v2-original{margin-top:8px;color:#78879b;font-size:13px;line-height:1.5;word-break:break-word}
.detail-v2-lead{max-width:820px;margin:15px 0 0 !important;color:#53657b !important;font-size:15px !important;line-height:1.82 !important}
.detail-v2-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.detail-v2-tags>span:not(.quality-badge){display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border:1px solid #dbe2ea;border-radius:999px;background:#f8fafc;color:#485b73;font-size:11px;font-weight:650}
.detail-v2 .hero-detail-actions{margin-top:22px;gap:9px}
.detail-v2 .btn{min-height:38px;padding:9px 14px;border-radius:9px;font-size:12px}
.detail-v2 .btn.primary{background:#172942;color:#fff;border-color:#172942}
.detail-secondary-btn{background:#fff !important;color:#24364e !important;border:1px solid #ced7e2 !important}
.detail-v2-profile{background:rgba(255,255,255,.84);border:1px solid #dbe2ea;border-radius:18px;padding:18px 19px;box-shadow:0 12px 32px rgba(28,45,70,.055)}
.detail-v2-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e8ecf1}
.detail-v2-profile-head>span,.side-kicker{color:#7a8ca4;font-size:9px;line-height:1;letter-spacing:.13em;font-weight:800}
.profile-status{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border-radius:999px;background:#e9eef5;color:#30445f;font-size:10px;font-weight:800}
.profile-status.verified{background:#172942;color:#fff}.profile-status.curated{background:#edf0ff;color:#4a5687}.profile-status.indexed{background:#eef1f4;color:#5b6879}.profile-status.planned{background:#f4efe6;color:#766448}
.detail-v2-profile dl{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px;margin:16px 0 0}
.detail-v2-profile dl div{min-width:0}
.detail-v2-profile dt{margin:0 0 4px;color:#8794a5;font-size:10px}
.detail-v2-profile dd{margin:0;color:#1c2c43;font-size:12px;font-weight:750;line-height:1.4;word-break:break-word}
.detail-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:24px;align-items:start;padding-top:24px;padding-bottom:54px}
.detail-v2-main{display:grid;gap:16px;min-width:0}
.detail-v2-section,.detail-v2-side-card{background:#fff;border:1px solid #dde4ec;border-radius:16px;box-shadow:0 8px 24px rgba(26,42,66,.035)}
.detail-v2-section{padding:24px 25px}
.detail-v2-section-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:21px}
.detail-v2-section-head>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#eef2f6;color:#61748c;font-size:10px;font-weight:850}
.detail-v2-section-head h2{margin:0;color:#17263c;font-size:19px;letter-spacing:-.015em}
.detail-v2-section-head p{margin:5px 0 0;color:#7a8899;font-size:11px;line-height:1.6}
.detail-overview-text{margin:0 0 18px;color:#43556c;font-size:13px;line-height:1.85}
.detail-ability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.detail-ability-grid>div{min-width:0;padding:13px 14px;border-radius:10px;background:#f5f7fa;border:1px solid #edf0f4}
.detail-ability-grid span,.detail-source-table span,.detail-original-desc>span,.detail-path>span{display:block;color:#8491a1;font-size:9px;margin-bottom:5px}
.detail-ability-grid b{display:block;color:#24364c;font-size:11px;line-height:1.45;word-break:break-word}
.detail-keywords{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;margin-top:17px;padding-top:16px;border-top:1px solid #edf0f4}
.detail-keywords>span{color:#8290a2;font-size:10px;padding-top:6px}
.detail-keywords>div{display:flex;flex-wrap:wrap;gap:7px}
.detail-keywords b{padding:5px 8px;border-radius:999px;background:#f1f4f7;color:#52657c;font-size:10px;font-weight:650}
.detail-use-steps{display:grid;gap:9px}
.detail-use-steps article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:start;padding:14px;border:1px solid #e2e7ed;border-radius:12px;background:#fbfcfd}
.step-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#172942;color:#fff;font-size:9px;font-weight:850}
.step-copy h3{margin:1px 0 4px;color:#1d2d43;font-size:13px}
.step-copy p{margin:0 0 8px;color:#6f7e90;font-size:11px;line-height:1.55}
.step-copy code{display:block;color:#455970;font-family:inherit;font-size:10.5px;line-height:1.65;white-space:normal}
.detail-use-steps article>button{align-self:center;border:1px solid #d7dfe8;background:#fff;color:#40536a;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}
.detail-use-steps article>button:hover{background:#f0f4f8}
.detail-source-table{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;border:1px solid #e4e8ee;border-radius:11px;overflow:hidden}
.detail-source-table>div{padding:12px 13px;background:#fafbfc;border-right:1px solid #e8ecf1;min-width:0}
.detail-source-table>div:last-child{border-right:0}
.detail-source-table b{display:block;color:#26384e;font-size:11px;line-height:1.45;word-break:break-word}
.detail-original-desc{margin-top:15px;padding:14px 15px;border-radius:11px;background:#f6f8fa}
.detail-original-desc p{margin:0;color:#4d5d70;font-size:11.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}
.detail-path{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid #e3e8ee;border-radius:10px;background:#fff}
.detail-path>span{margin:0}
.detail-path code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#405269;font-size:10px}
.detail-path button{border:0;background:#eef2f6;color:#3d5068;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:700}
.detail-source-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px}
.detail-source-actions a,.detail-text-link{color:#2e4a6b;font-size:11px;font-weight:750;text-decoration:none}
.detail-source-note{display:block;margin-top:14px;color:#8a97a6;font-size:10px;line-height:1.65}
.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-related-card{min-width:0;text-align:left;border:1px solid #e1e6ec;background:#fafbfc;border-radius:12px;padding:14px;cursor:pointer;transition:.18s}
.detail-related-card:hover{transform:translateY(-2px);border-color:#cfd9e4;background:#fff;box-shadow:0 8px 20px rgba(25,43,68,.05)}
.detail-related-card span{display:block;color:#8290a2;font-size:9px;margin-bottom:8px}
.detail-related-card b{display:block;color:#1c2d44;font-size:12.5px;line-height:1.45;margin-bottom:7px}
.detail-related-card small{display:block;min-height:34px;color:#6b7b8e;font-size:10px;line-height:1.6}
.detail-related-card i{display:block;margin-top:12px;color:#365473;font-size:10px;font-style:normal;font-weight:750}
.detail-related-empty{color:#7f8d9e;font-size:11px}
.detail-v2-side{position:sticky;top:82px;display:grid;gap:12px}
.detail-v2-side-card{padding:18px}
.detail-v2-side-card h3{margin:8px 0 9px;color:#1b2c43;font-size:15px}
.detail-v2-side-card p{margin:0;color:#657589 !important;font-size:11px !important;line-height:1.7 !important}
.detail-side-actions{display:grid;gap:8px;margin-top:15px}
.detail-side-actions .btn{width:100%;text-align:center;justify-content:center}
.quality-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.quality-line h3{margin:8px 0 9px}
.detail-quality-card{border-top:3px solid #8da0b7}
.detail-license-card dl{display:grid;gap:10px;margin:13px 0 0;padding-top:13px;border-top:1px solid #e9edf2}
.detail-license-card dl div{display:flex;justify-content:space-between;gap:12px}
.detail-license-card dt{color:#8592a2;font-size:10px}
.detail-license-card dd{margin:0;color:#27394f;font-size:10px;font-weight:750;text-align:right;word-break:break-word}
.detail-license-card .detail-text-link{display:inline-block;margin-top:14px}
/* Force readable text on all light detail surfaces */
.detail-v2 .detail-v2-section,.detail-v2 .detail-v2-side-card,.detail-v2 .detail-v2-profile{color:#17243a}
.detail-v2 .detail-v2-section h2,.detail-v2 .detail-v2-section h3,.detail-v2 .detail-v2-side-card h3{color:#17243a}
.detail-v2 .detail-v2-section p,.detail-v2 .detail-v2-section small,.detail-v2 .detail-v2-side-card p{opacity:1}
@media(max-width:1080px){
  .detail-v2-hero-grid,.detail-v2-layout{grid-template-columns:1fr}
  .detail-v2-profile{max-width:620px}
  .detail-v2-side{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .detail-v2-hero{padding:42px 0 24px}.detail-v2-copy h1{font-size:38px}.detail-v2-lead{font-size:13px !important}
  .detail-v2-profile dl{grid-template-columns:1fr 1fr}.detail-v2-layout{padding-top:16px;padding-bottom:36px}.detail-v2-section{padding:18px}
  .detail-ability-grid{grid-template-columns:1fr 1fr}.detail-source-table{grid-template-columns:1fr 1fr}.detail-source-table>div:nth-child(2){border-right:0}.detail-source-table>div:nth-child(-n+2){border-bottom:1px solid #e8ecf1}
  .detail-use-steps article{grid-template-columns:30px minmax(0,1fr)}.detail-use-steps article>button{grid-column:2;justify-self:start}
  .detail-related-grid{grid-template-columns:1fr}.detail-v2-side{grid-template-columns:1fr}.detail-path{grid-template-columns:1fr}.detail-path>span{margin-bottom:0}
}
@media(max-width:480px){.detail-v2-profile dl,.detail-ability-grid,.detail-source-table{grid-template-columns:1fr}.detail-source-table>div{border-right:0;border-bottom:1px solid #e8ecf1}.detail-source-table>div:last-child{border-bottom:0}.detail-keywords{grid-template-columns:1fr}}


/* ========================================================================== */
/* v2.4.0 · 期刊社区原型                                                     */
/* ========================================================================== */
.community-page{background:#f4f6f9;color:#101e36;min-height:calc(100vh - 72px)}
.community-hero{background:linear-gradient(180deg,#eef2f7 0%,#f4f6f9 100%);border-bottom:1px solid #dde4ed;padding:58px 0 42px}
.community-hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) 310px;gap:70px;align-items:end}
.community-hero h1{font-size:54px;line-height:1.03;letter-spacing:-.045em;margin:13px 0 18px;color:#10203b}
.community-hero p{font-size:16px;line-height:1.8;color:#65758d;max-width:720px;margin:0 0 22px}
.community-hero form{display:flex;max-width:690px;background:#fff;border:1px solid #d9e1ec;border-radius:14px;padding:6px;box-shadow:0 10px 30px rgba(23,45,77,.05)}
.community-hero form input{flex:1;border:0;background:transparent;padding:0 14px;font-size:14px;outline:0;color:#172942}
.community-hero form button{border:0;border-radius:10px;background:#172b49;color:#fff;padding:11px 22px;font-weight:700;cursor:pointer}
.community-hero-actions{display:flex;gap:10px;margin-top:16px}
.community-hero-panel{background:#142845;color:#fff;border-radius:22px;padding:24px 26px;display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;box-shadow:0 18px 45px rgba(10,28,54,.12)}
.community-hero-panel>span{grid-column:1/-1;font-size:10px;letter-spacing:.16em;color:#9fb4d2;font-weight:800}
.community-hero-panel>strong{font-size:44px;line-height:1;letter-spacing:-.04em}
.community-hero-panel>p{font-size:12px;color:#c7d3e5;margin:6px 0 0;align-self:end}
.community-hero-panel>div{border-top:1px solid rgba(255,255,255,.1);padding-top:13px}
.community-hero-panel>div b{display:block;font-size:18px}
.community-hero-panel>div small{color:#aebed5;font-size:11px}
.community-hero-panel>em{grid-column:1/-1;font-style:normal;font-size:10px;line-height:1.55;color:#91a6c5;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.community-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding-top:34px;padding-bottom:70px;align-items:start}
.community-feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.community-feed-head>div{display:flex;align-items:baseline;gap:12px}.community-feed-head h2{font-size:24px;margin:0;letter-spacing:-.025em}.community-feed-head span{font-size:12px;color:#8694a7}
.community-compose-small{font-size:12px;font-weight:800;color:#19304f;text-decoration:none;background:#fff;border:1px solid #d9e2ed;border-radius:10px;padding:9px 12px}
.community-tabs{display:flex;gap:4px;overflow:auto;padding:4px;background:#e9edf3;border-radius:12px;margin-bottom:17px;scrollbar-width:none}
.community-tabs::-webkit-scrollbar{display:none}.community-tabs a{white-space:nowrap;text-decoration:none;color:#69798f;font-size:12px;font-weight:700;padding:8px 12px;border-radius:9px}.community-tabs a.active{background:#fff;color:#152a48;box-shadow:0 2px 8px rgba(26,46,74,.06)}
.community-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.community-post-card{background:#fff;border:1px solid #dfe5ed;border-radius:16px;padding:18px;cursor:pointer;transition:.18s ease;box-shadow:0 4px 16px rgba(34,51,75,.025)}
.community-post-card:hover{transform:translateY(-2px);border-color:#cbd6e4;box-shadow:0 10px 26px rgba(34,51,75,.06)}
.community-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.community-card-top a{color:#536881;font-weight:700;font-size:11px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-card-top>span{flex:none;font-size:10px;font-weight:800;color:#223a5b;background:#edf2f7;border-radius:999px;padding:6px 9px}
.community-post-card h3{font-size:18px;line-height:1.45;margin:0 0 10px;color:#12233d;letter-spacing:-.015em}.community-post-card>p{font-size:13px;line-height:1.75;color:#697a91;margin:0 0 14px}
.community-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.community-tags span{font-size:10px;color:#667991;background:#f3f5f8;border-radius:7px;padding:5px 7px}
.community-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf0f4;padding-top:12px;margin-top:13px}.community-card-foot>div:first-child{min-width:0}.community-card-foot>div:first-child b{display:block;font-size:11px;color:#263c59}.community-card-foot>div:first-child span{display:block;font-size:10px;color:#9aa5b4;margin-top:2px}.community-card-actions{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b98aa;white-space:nowrap}.community-card-actions button{border:0;background:none;padding:0;color:#8b98aa;font:inherit;cursor:pointer}.community-card-actions button.on{color:#18375e;font-weight:800}
.mini-timeline{display:flex;align-items:flex-start;margin:16px 0 15px;padding:10px 8px 5px;background:#f7f9fb;border-radius:10px}.mini-timeline span{position:relative;flex:1;text-align:center;color:#93a0b1;font-size:9px}.mini-timeline span:before{content:"";position:absolute;height:1px;background:#d8e0ea;left:-50%;right:50%;top:5px}.mini-timeline span:first-child:before{display:none}.mini-timeline i{display:block;width:9px;height:9px;margin:0 auto 6px;border-radius:50%;background:#a8b5c6;position:relative;z-index:1}.mini-timeline .current i{background:#1c416e}.mini-timeline b{font-size:9px;font-weight:700}
.community-rail{display:grid;gap:14px;position:sticky;top:88px}.community-rail>section{background:#fff;border:1px solid #dde4ed;border-radius:15px;padding:17px}.rail-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rail-title b{font-size:14px}.rail-title a{font-size:10px;color:#73849a;text-decoration:none}.community-journal-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#172b47;padding:11px 2px;border-top:1px solid #eef1f5}.community-journal-row:first-of-type{border-top:0}.community-journal-row div{min-width:0}.community-journal-row b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-journal-row span{font-size:10px;color:#8a98aa;display:block;margin-top:3px}.community-journal-row i{font-style:normal;color:#9ba8b8}.community-rule-card{background:#142845!important;color:#fff!important;border-color:#142845!important}.community-rule-card>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#9fb5d2}.community-rule-card h3{font-size:17px;margin:9px 0;color:#fff}.community-rule-card p{font-size:11px;line-height:1.7;color:#b6c5d9;margin:0}
.community-home-band{background:#eef2f6;padding:54px 0;border-top:1px solid #e0e6ee;border-bottom:1px solid #e0e6ee}.community-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.community-home-grid article{background:#fff;border:1px solid #dbe3ed;border-radius:16px;padding:18px;cursor:pointer;transition:.18s}.community-home-grid article:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(28,49,78,.05)}.community-home-grid article>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#6c7e95}.community-home-grid article>div b{color:#1c3a62;background:#eef3f8;border-radius:999px;padding:4px 7px}.community-home-grid h3{font-size:17px;line-height:1.45;margin:13px 0 8px;color:#142640}.community-home-grid p{font-size:12px;line-height:1.7;color:#78879a;margin:0}.community-home-grid footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:11px;border-top:1px solid #edf0f4;font-size:10px;color:#8a98aa}.community-home-grid footer i{font-style:normal;color:#375372;font-weight:700}
.journal-community-hero{background:#eef2f6;border-bottom:1px solid #dce3ec;padding:30px 0 34px}.journal-community-crumb{display:flex;gap:8px;font-size:10px;color:#8391a4;margin-bottom:24px}.journal-community-crumb a{color:#5d718b;text-decoration:none}.journal-community-title{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;align-items:end}.journal-community-title h1{font-size:46px;letter-spacing:-.04em;margin:7px 0 10px}.journal-community-title p{font-size:14px;color:#718096;margin:0 0 17px}.journal-community-links{display:flex;gap:8px;flex-wrap:wrap}.journal-community-links .btn{font-size:11px;padding:9px 12px}.journal-community-links .following{background:#e8eef5;border-color:#c9d5e3;color:#18375e}.journal-community-metrics{background:#fff;border:1px solid #dbe3ec;border-radius:16px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.journal-community-metrics div{border-right:1px solid #edf0f3}.journal-community-metrics div:nth-child(3){border-right:0}.journal-community-metrics strong{display:block;font-size:18px;color:#172d4b}.journal-community-metrics span{font-size:9px;color:#8c99aa}.journal-community-metrics small{grid-column:1/-1;border-top:1px solid #edf0f4;padding-top:10px;color:#9aa6b5;font-size:9px}.journal-info-rail>span,.community-skill-callout>span,.post-journal-card>span{font-size:9px;letter-spacing:.12em;color:#8191a5;font-weight:800}.journal-info-rail h3,.post-journal-card h3{font-size:18px;margin:9px 0 12px}.journal-info-rail dl{margin:0}.journal-info-rail dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf0f4;font-size:10px}.journal-info-rail dt{color:#8d99a8}.journal-info-rail dd{margin:0;color:#263e5c;font-weight:700}.community-empty{grid-column:1/-1;padding:50px!important;text-align:center}.community-empty b{display:block;font-size:16px}.community-empty p{color:#8492a4;margin:8px 0 18px;font-size:12px}
.classic-journal-foot-actions{display:flex;gap:7px;align-items:center}.journal-community-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#36516f;border:1px solid #d9e2ec;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.journal-community-link i{font-style:normal;color:#8291a3;font-size:9px}.journal-community-link:hover{background:#eef3f8;border-color:#c9d6e5}.community-detail-btn{border-color:#c8d6e6!important;background:#eef3f8!important;color:#17385f!important}
.community-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;padding-top:34px;padding-bottom:70px;align-items:start}.community-post-detail{background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:32px 36px}.community-post-breadcrumb{display:flex;gap:8px;font-size:10px;color:#8996a7;margin-bottom:26px}.community-post-breadcrumb a{color:#5e7189;text-decoration:none}.community-post-labels{display:flex;gap:7px;margin-bottom:13px}.community-post-labels span,.community-post-labels b{font-size:9px;padding:6px 8px;border-radius:999px}.community-post-labels span{background:#eaf0f6;color:#23405f}.community-post-labels b{background:#f5f1e9;color:#786b55;font-weight:700}.community-post-detail>h1{font-size:34px;line-height:1.28;letter-spacing:-.035em;margin:0 0 20px;color:#10213a}.community-author{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f4;padding-bottom:18px}.community-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#dfe7f0;color:#264665;font-size:12px;font-weight:800}.community-avatar.small{width:28px;height:28px;flex:none}.community-author b{display:block;font-size:11px}.community-author small{display:block;font-size:9px;color:#95a0ae;margin-top:3px}.community-post-body{font-size:15px;line-height:2;color:#33465f;padding:27px 0 12px;white-space:normal}.post-tags{margin:18px 0}.community-post-toolbar{display:flex;gap:8px;align-items:center;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:13px 0;margin:10px 0 28px}.community-post-toolbar button,.community-post-toolbar a{border:1px solid #dce4ed;background:#fff;border-radius:9px;padding:8px 10px;color:#5c6f87;font-size:10px;text-decoration:none;cursor:pointer}.community-post-toolbar button.on{background:#eaf0f6;color:#17395f;border-color:#cbd7e5;font-weight:800}.post-section-title>span{font-size:9px;letter-spacing:.13em;color:#7d90a7;font-weight:800}.post-section-title h2{font-size:19px;margin:6px 0}.post-section-title p{font-size:10px;color:#939fae;margin:0}.post-timeline{margin:26px 0 10px;background:#f6f8fb;border:1px solid #e5eaf0;border-radius:14px;padding:18px}.post-timeline-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}.post-timeline-track>div{position:relative;padding-top:19px}.post-timeline-track>div:before{content:"";position:absolute;height:1px;background:#ced8e5;left:0;right:0;top:5px}.post-timeline-track>div:first-child:before{left:50%}.post-timeline-track>div:last-child:before{right:50%}.post-timeline-track i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#1d426d;color:transparent}.post-timeline-track b,.post-timeline-track span{display:block;text-align:center}.post-timeline-track b{font-size:10px}.post-timeline-track span{font-size:9px;color:#8391a3;margin-top:4px}.community-comments{margin-top:16px}.comment-compose{border:1px solid #dce4ed;border-radius:13px;margin:16px 0;background:#f8fafc;padding:12px}.comment-compose textarea{width:100%;min-height:80px;resize:vertical;border:0;background:transparent;outline:0;color:#263d59;font:inherit;font-size:12px;line-height:1.65;box-sizing:border-box}.comment-compose>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5eaf0;padding-top:10px}.comment-compose>div span{font-size:9px;color:#9aa6b5}.comment-compose .btn{font-size:10px;padding:8px 12px}.comment-list{display:grid;gap:0}.comment-list article{display:flex;gap:11px;padding:17px 0;border-top:1px solid #edf0f4}.comment-list article>div{flex:1}.comment-list header{display:flex;justify-content:space-between}.comment-list header b{font-size:10px}.comment-list header small{font-size:9px;color:#a0aab7}.comment-list p{font-size:12px;line-height:1.7;color:#53657c;margin:7px 0 0}.community-post-rail{display:grid;gap:14px;position:sticky;top:88px}.community-post-rail>section{background:#fff;border:1px solid #dce4ed;border-radius:15px;padding:18px}.post-journal-card p{font-size:10px;color:#8593a5}.post-journal-card .btn{display:block;text-align:center;margin-top:8px;font-size:10px;padding:9px}.post-journal-card .text-link{display:block;text-align:center;color:#647891;font-size:9px;text-decoration:none;margin-top:13px}.community-skill-callout{background:#142845!important;color:#fff!important;border-color:#142845!important}.community-skill-callout>span{color:#9fb4d1}.community-skill-callout h3{font-size:17px;margin:9px 0;color:#fff}.community-skill-callout p{font-size:10px;line-height:1.75;color:#b9c7d9}.community-skill-callout a{font-size:10px;color:#fff;font-weight:800;text-decoration:none}
.community-compose-page{padding:46px 0 80px}.compose-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:42px;align-items:start}.compose-intro{position:sticky;top:98px}.compose-intro h1{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}.compose-intro>p{font-size:13px;line-height:1.75;color:#718096}.compose-principles{display:grid;grid-template-columns:28px 1fr;gap:15px 10px;margin-top:30px}.compose-principles>span{font-size:9px;color:#7c8da2;border-top:1px solid #cfd8e3;padding-top:7px}.compose-principles p{font-size:10px;line-height:1.55;color:#8693a3;border-top:1px solid #dce3eb;margin:0;padding-top:7px}.compose-principles b{font-size:11px;color:#263c58}.community-compose-form{background:#fff;border:1px solid #dce4ed;border-radius:18px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.community-compose-form label>span,.timeline-fields label>span{display:block;font-size:10px;font-weight:800;color:#53667e;margin-bottom:7px}.community-compose-form input[type=text],.community-compose-form input:not([type]),.community-compose-form textarea,.community-compose-form select,.timeline-fields input{width:100%;box-sizing:border-box;border:1px solid #dbe3ec;background:#f9fafc;border-radius:10px;padding:11px 12px;outline:0;color:#233a57;font:inherit;font-size:12px}.community-compose-form input:focus,.community-compose-form textarea:focus,.community-compose-form select:focus{border-color:#9db0c8;background:#fff}.community-compose-form .full{grid-column:1/-1}.timeline-fields{grid-column:1/-1;border:1px solid #e0e6ed;border-radius:12px;padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline-fields legend{font-size:11px;font-weight:800;color:#324964;padding:0 6px}.timeline-fields legend small{font-weight:400;color:#97a3b1}.anonymous-row{display:flex!important;gap:10px;align-items:flex-start;background:#f6f8fa;border-radius:11px;padding:12px}.anonymous-row input{margin-top:3px}.anonymous-row>span{margin:0!important}.anonymous-row b{display:block;font-size:11px}.anonymous-row small{display:block;color:#8b98a8;font-size:9px;margin-top:3px}.compose-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f4;padding-top:16px}.compose-actions .btn{font-size:11px}
@media(max-width:1050px){.community-hero-inner,.journal-community-title{grid-template-columns:1fr;gap:24px}.community-hero-panel{max-width:480px}.community-content,.community-post-layout{grid-template-columns:1fr}.community-rail,.community-post-rail{position:static;grid-template-columns:repeat(2,1fr)}.compose-shell{grid-template-columns:1fr}.compose-intro{position:static}.community-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-home-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.community-hero{padding:36px 0 28px}.community-hero h1{font-size:38px}.community-hero-inner{gap:20px}.community-hero-panel{padding:18px}.community-content{padding-top:22px;gap:18px}.community-feed-grid{grid-template-columns:1fr}.community-rail,.community-post-rail{grid-template-columns:1fr}.community-home-band{padding:38px 0}.community-home-grid{grid-template-columns:1fr}.journal-community-title h1{font-size:34px}.journal-community-metrics{grid-template-columns:1fr}.journal-community-metrics div{border-right:0;border-bottom:1px solid #edf0f3;padding-bottom:8px}.community-post-detail{padding:22px 18px}.community-post-detail>h1{font-size:26px}.community-post-body{font-size:14px}.post-timeline-track{grid-template-columns:1fr;gap:10px}.post-timeline-track>div{display:grid;grid-template-columns:22px 70px 1fr;align-items:center;padding:0}.post-timeline-track>div:before,.post-timeline-track i{display:none}.post-timeline-track b,.post-timeline-track span{text-align:left}.compose-shell{gap:24px}.compose-intro h1{font-size:32px}.community-compose-form{grid-template-columns:1fr;padding:18px}.community-compose-form label,.community-compose-form .full{grid-column:1/-1}.timeline-fields{grid-template-columns:1fr 1fr}.comment-compose>div{align-items:flex-end;gap:8px}.comment-compose>div span{max-width:65%}.classic-journal-foot{align-items:flex-end}.classic-journal-foot-actions{flex-wrap:wrap;justify-content:flex-end}}


/* ========================================================================== */
/* v2.4.1 · UI refinement — Apple-inspired Skills + fixed community cards      */
/* ========================================================================== */

/* Featured Skill cards: quieter, softer, more product-like */
.refined-feature{background:#f3f5f7 !important;padding-top:58px !important;padding-bottom:64px !important}
.refined-feature .section-head{margin-bottom:22px}
.refined-feature .section-head h2{font-size:35px;color:#12213a;margin-bottom:5px}
.refined-feature .section-head p{font-size:12px;color:#7b8798}
.refined-feature .minimal-link{font-size:12px;color:#66758a;transition:color .18s ease,transform .18s ease}
.refined-feature .minimal-link:hover{color:#142944;transform:translateY(-1px)}

.premium-feature-grid{gap:16px !important}
.premium-feature-grid .skill-card{
  min-height:238px !important;
  padding:18px 19px 16px !important;
  border:1px solid rgba(28,47,73,.085) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(252,253,254,.98) 100%) !important;
  box-shadow:0 1px 1px rgba(23,39,61,.025),0 10px 30px rgba(23,39,61,.045) !important;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease !important;
}
.premium-feature-grid .skill-card:hover{
  transform:translateY(-3px) scale(1.002) !important;
  border-color:rgba(37,62,96,.14) !important;
  box-shadow:0 2px 4px rgba(23,39,61,.03),0 18px 44px rgba(23,39,61,.075) !important;
}
.premium-feature-grid .skill-card:before,
.premium-feature-grid .skill-card:after{display:none !important}
.premium-feature-grid .skill-card-top{min-height:30px;align-items:center}
.premium-feature-grid .source-badge{
  max-width:185px;
  padding:6px 9px;
  border:1px solid rgba(43,61,85,.035);
  border-radius:9px;
  background:#f5f7f9;
  color:#748094;
  font-size:9.5px;
  line-height:1.15;
}
.premium-feature-grid .quality-badge{
  min-height:27px;
  padding:6px 10px;
  border-radius:999px;
  font-size:9px;
  letter-spacing:0;
  box-shadow:none;
}
.premium-feature-grid .quality-badge.verified{background:#152b49;color:#fff;border-color:#152b49}
.premium-feature-grid .quality-badge.curated{background:#eef1ff;color:#536099;border-color:#e0e4ff}
.premium-feature-grid .quality-badge.indexed{background:#f1f3f5;color:#687587;border-color:#e7eaee}
.premium-feature-grid .skill-card h3{
  margin:17px 0 3px;
  color:#12233e;
  font-size:17px;
  font-weight:790;
  line-height:1.34;
  letter-spacing:-.015em;
}
.premium-feature-grid .skill-original-name{
  margin:0 0 11px;
  color:#7d899b;
  font-size:10.5px;
  line-height:1.35;
}
.premium-feature-grid .skill-card>p{
  height:auto !important;
  min-height:42px;
  margin:0;
  color:#68788d;
  font-size:11px;
  line-height:1.72;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.premium-feature-grid .skill-card .tag-row{
  margin-top:14px;
  margin-bottom:11px;
  gap:7px;
  min-height:27px;
}
.premium-feature-grid .skill-card .tag-row span{
  min-height:27px;
  padding:5px 9px;
  border:1px solid #e9edf2;
  border-radius:9px;
  background:#f6f8fa;
  color:#65748a;
  font-size:9.5px;
  font-weight:600;
}
.premium-feature-grid .skill-card .skill-foot{
  min-height:22px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid #edf0f3;
  color:#8b96a7;
  font-size:9px;
  align-items:center;
}

/* Keep library cards visually related, without making them too heavy */
.refined-library-main .skill-grid .skill-card{
  border-radius:18px !important;
  border-color:rgba(31,52,78,.08) !important;
  background:#fff !important;
  box-shadow:0 6px 20px rgba(25,43,68,.035) !important;
}
.refined-library-main .skill-grid .skill-card:hover{
  border-color:rgba(31,52,78,.13) !important;
  box-shadow:0 14px 34px rgba(25,43,68,.065) !important;
}
.refined-library-main .skill-grid .skill-card:before,
.refined-library-main .skill-grid .skill-card:after{opacity:.18}

/* Community homepage: remove accidental global <footer> styling and rebuild card rhythm */
.community-home-band{
  background:#f3f5f7 !important;
  padding:58px 0 66px !important;
  border-top:1px solid #e5e9ee !important;
  border-bottom:1px solid #e4e8ed !important;
}
.community-home-head{margin-bottom:24px}
.community-home-head h2{font-size:35px;margin-bottom:6px;color:#12213a}
.community-home-head p{font-size:12.5px;color:#788698;max-width:760px}
.community-home-link{
  display:inline-flex;align-items:center;gap:10px;
  color:#18304f;font-size:13px;font-weight:750;
  padding:8px 2px;white-space:nowrap;
}
.community-home-link i{font-style:normal;font-size:15px;transition:transform .18s ease}
.community-home-link:hover i{transform:translateX(3px)}
.community-home-grid{gap:16px !important;align-items:stretch}
.community-home-grid .community-home-card{
  display:flex;
  flex-direction:column;
  min-height:306px;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(31,52,78,.09) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#fdfefe 100%) !important;
  box-shadow:0 1px 1px rgba(23,39,61,.02),0 10px 30px rgba(23,39,61,.04) !important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease !important;
}
.community-home-grid .community-home-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(32,58,91,.15) !important;
  box-shadow:0 18px 42px rgba(23,39,61,.07) !important;
}
.community-home-card-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  padding:18px 20px 0 !important;
  color:#728096 !important;
  font-size:10px !important;
}
.community-home-card-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-home-card-top>b{
  flex:none;
  padding:6px 9px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#f1f4f7 !important;
  color:#1e3a5f !important;
  font-size:9.5px !important;
  font-weight:800 !important;
}
.community-home-card h3{
  padding:0 20px;
  margin:21px 0 10px !important;
  color:#12233d !important;
  font-size:18px !important;
  line-height:1.48 !important;
  letter-spacing:-.015em;
}
.community-home-card>p{
  padding:0 20px;
  margin:0 !important;
  color:#68788d !important;
  font-size:11.5px !important;
  line-height:1.82 !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.community-home-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:17px 20px 18px;
  margin-top:auto;
}
.community-home-tags span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid #e7ebf0;
  border-radius:9px;
  background:#f7f8fa;
  color:#68778b;
  font-size:9.5px;
  font-weight:600;
}
.community-home-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:55px;
  padding:0 20px;
  margin:0;
  border-top:1px solid #edf0f3;
  background:rgba(252,253,254,.94);
  color:#7b899a;
  font-size:10px;
}
.community-home-card-foot>span{display:inline-flex;align-items:center;gap:7px}
.community-home-card-foot>b{display:inline-flex;align-items:center;gap:7px;color:#173354;font-size:10px;font-weight:800}
.community-home-card-foot>b i{font-style:normal;transition:transform .18s ease}
.community-home-card:hover .community-home-card-foot>b i{transform:translateX(3px)}
.reply-icon{width:14px;height:14px;border:1.5px solid #73849a;border-radius:50%;position:relative;display:inline-block}
.reply-icon:after{content:"";position:absolute;width:4px;height:4px;left:1px;bottom:-2px;border-left:1.5px solid #73849a;transform:rotate(-28deg)}

@media(max-width:1050px){
  .premium-feature-grid .skill-card{min-height:232px !important}
  .community-home-grid .community-home-card{min-height:292px}
}
@media(max-width:700px){
  .refined-feature{padding-top:42px !important;padding-bottom:48px !important}
  .community-home-band{padding:42px 0 48px !important}
  .community-home-head{align-items:flex-start;gap:14px}
  .community-home-card h3{font-size:17px !important}
  .community-home-grid .community-home-card{min-height:0}
}
/* v2.4.1 specificity guard for legacy community-card selectors */
.community-home-grid .community-home-card .community-home-tags{
  justify-content:flex-start !important;
  align-items:center !important;
  color:#68778b !important;
  font-size:9.5px !important;
}
.community-home-grid .community-home-card .community-home-card-foot{
  justify-content:space-between !important;
  align-items:center !important;
  color:#7b899a !important;
  font-size:10px !important;
}
.community-home-grid .community-home-card .community-home-card-foot>b{
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#173354 !important;
}


/* ========================================================================== */
/* v2.4.2 · Journal Community — immersive D layout                            */
/* ========================================================================== */
.community-d-page{background:#f3f5f8;min-height:calc(100vh - 72px)}
.community-d-wrap{padding:24px 0 68px}
.community-d-hero{position:relative;overflow:hidden;min-height:236px;border-radius:24px;padding:38px 40px;background:radial-gradient(circle at 88% 18%,rgba(129,155,199,.23),transparent 23%),linear-gradient(115deg,#0d2343 0%,#173456 66%,#24476e 100%);color:#fff;box-shadow:0 18px 42px rgba(22,43,72,.08)}
.community-d-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-55px;top:-105px;box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 104px rgba(255,255,255,.018);pointer-events:none}
.community-d-hero-copy{position:relative;z-index:2;max-width:760px}
.community-d-hero .eyebrow{color:#aebfda;margin-bottom:11px}
.community-d-hero h1{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:0 0 10px;color:#fff}
.community-d-hero p{font-size:14px;color:#c5d1e1;margin:0}
.community-d-search{display:flex;align-items:center;width:min(720px,72%);margin-top:24px;background:#fff;border-radius:13px;padding:5px;box-shadow:0 12px 30px rgba(4,15,33,.12)}
.community-d-search input{flex:1;height:45px;border:0;outline:0;background:transparent;padding:0 14px;color:#1b2c45;font-size:14px}
.community-d-search input::placeholder{color:#96a2b2}
.community-d-search button{width:54px;height:45px;border:0;border-radius:10px;background:#17375e;color:#fff;font-size:20px;font-weight:800}
.community-d-tabs{padding:15px 0 4px;overflow:auto}
.community-d-tabs .community-tabs{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;width:max-content;min-width:100%;background:transparent;border:0;padding:0}
.community-d-tabs .community-tabs a{border:0!important;background:transparent!important;color:#5c6f87!important;padding:9px 14px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap;transition:.18s ease}
.community-d-tabs .community-tabs a:hover{background:#e9eef5!important;color:#213953!important}
.community-d-tabs .community-tabs a.active{background:#173557!important;color:#fff!important;font-weight:800!important}
.community-d-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;margin-top:12px}
.community-d-feed{display:grid;gap:12px}
.community-d-post{background:rgba(255,255,255,.97);border:1px solid #e0e5ec;border-radius:19px;padding:18px 20px;box-shadow:0 9px 26px rgba(22,41,67,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;min-width:0}
.community-d-post:hover{transform:translateY(-2px);border-color:#d4dce7;box-shadow:0 15px 34px rgba(22,41,67,.07)}
.community-d-post-top{display:flex;align-items:center;gap:10px;font-size:11px;color:#7d8da1}
.community-d-post-top>a{font-weight:700;color:#73859b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-d-post-top>span{margin-left:auto;background:#edf3fa;color:#31557f;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}
.community-d-post:nth-child(3n+2) .community-d-post-top>span{background:#f1ecfb;color:#66528f}
.community-d-post:nth-child(3n) .community-d-post-top>span{background:#fff1e7;color:#a2602c}
.community-d-post h3{font-size:17px;line-height:1.45;letter-spacing:-.015em;margin:13px 0 0;color:#122640}
.community-d-post-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.community-d-post-tags span{background:#f4f6f8;border:1px solid #e8ecf1;color:#75859a;font-size:10px;padding:6px 9px;border-radius:8px}
.community-d-post-foot{display:flex;align-items:center;gap:15px;border-top:1px solid #edf0f4;margin-top:15px;padding-top:13px;color:#8796a9;font-size:10.5px;min-width:0}
.community-d-post-foot .community-d-author{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-d-post-foot button{border:0;background:transparent;color:#8393a7;padding:0;font-size:10.5px}
.community-d-post-foot button.on{color:#173b65;font-weight:800}
.community-d-post-foot>b{margin-left:7px;color:#183654;font-size:10.5px;white-space:nowrap}
.community-d-side{display:grid;gap:13px;position:sticky;top:88px}
.community-d-side-card{background:#fff;border:1px solid #e0e5ec;border-radius:18px;padding:18px 18px 12px;box-shadow:0 9px 26px rgba(22,41,67,.03)}
.community-d-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.community-d-side-title h3{font-size:15px;margin:0;color:#152941}
.community-d-side-title a,.community-d-side-title span{font-size:9px;color:#91a0b2}
.community-d-rank{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}
.community-d-rank:last-child{border-bottom:0}
.community-d-rank>span{font-size:10px;color:#8494a9}
.community-d-rank b{display:block;font-size:11.5px;color:#1d3149;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-d-rank small{display:block;font-size:9px;color:#9aa6b5;margin-top:3px}
.community-d-rank em{font-style:normal;font-size:9px;color:#8d9caf;white-space:nowrap}
.community-d-question{display:block;padding:11px 0;border-bottom:1px solid #edf0f4}
.community-d-question:last-child{border-bottom:0}
.community-d-question b{display:block;font-size:11px;line-height:1.48;color:#223750}
.community-d-question small{display:block;font-size:9px;color:#97a3b2;margin-top:5px}
.community-d-compose{display:flex;align-items:center;justify-content:center;height:48px;border-radius:14px;background:#173557;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(23,53,87,.13);transition:.18s ease}
.community-d-compose:hover{background:#1d426c;transform:translateY(-1px)}
.community-d-empty{background:#fff;border:1px solid #e0e5ec;border-radius:18px;padding:38px;text-align:center;color:#7d8da1}
@media(max-width:1020px){.community-d-content{grid-template-columns:1fr}.community-d-side{position:static;grid-template-columns:1fr 1fr}.community-d-compose{grid-column:1/-1}.community-d-search{width:100%}}
@media(max-width:700px){.community-d-wrap{padding:16px 0 46px}.community-d-hero{min-height:0;padding:28px 22px;border-radius:19px}.community-d-hero h1{font-size:34px}.community-d-hero p{font-size:12px}.community-d-search{margin-top:18px}.community-d-search input{height:42px;font-size:12px}.community-d-search button{height:42px;width:48px}.community-d-content{gap:14px;margin-top:8px}.community-d-post{padding:16px}.community-d-post h3{font-size:16px}.community-d-post-foot{gap:10px;flex-wrap:wrap}.community-d-post-foot .community-d-author{width:100%;margin-right:0}.community-d-post-foot>b{margin-left:auto}.community-d-side{grid-template-columns:1fr}.community-d-compose{grid-column:auto}}

/* v2.5.0 — Academic Exchange + My Skills + memory/favorites/images */
.nav nav{gap:22px}
.card-signals{display:flex;align-items:center;gap:8px}
.skill-favorite-btn{width:30px;height:30px;border:1px solid #e3e8ee;border-radius:999px;background:#fff;color:#8492a4;display:grid;place-items:center;padding:0;font-size:15px;line-height:1;transition:.18s ease;box-shadow:0 4px 12px rgba(30,48,75,.035)}
.skill-favorite-btn:hover{transform:translateY(-1px);border-color:#cbd5e1;color:#173557}
.skill-favorite-btn.saved{background:#173557;border-color:#173557;color:#fff}
.detail-favorite-btn{background:#fff;color:#173557;border-color:#ccd6e2}
.detail-favorite-btn.saved{background:#eef3f8;border-color:#c9d5e2;color:#173557}
.personal-delete-mini{border:0;background:transparent;color:#9c6f72;font-size:10px;padding:0}

/* exchange image upload + feed */
.community-image-upload>span small{font-weight:400;color:#97a3b1;margin-left:8px}
.community-image-upload>input[type=file]{background:#f6f8fa;border:1px dashed #ccd6e2;padding:13px;border-radius:12px}
.community-image-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}
.community-image-preview figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#edf1f5;border:1px solid #e0e6ed}
.community-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.community-image-preview button{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:999px;background:rgba(10,22,38,.72);color:#fff;padding:0}
.community-d-images,.community-card-images,.community-home-images,.community-post-images{display:grid;gap:7px;margin-top:14px;overflow:hidden}
.community-d-images.count-1,.community-card-images.count-1,.community-home-images.count-1{grid-template-columns:minmax(0,320px)}
.community-d-images.count-2,.community-card-images.count-2,.community-home-images.count-2{grid-template-columns:repeat(2,minmax(0,240px))}
.community-d-images.count-3,.community-card-images.count-3,.community-home-images.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.community-d-images img,.community-card-images img,.community-home-images img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid #e6eaf0;background:#eef2f6}
.community-post-images{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}
.community-post-images.count-1{grid-template-columns:1fr}
.community-post-images img{width:100%;max-height:460px;object-fit:cover;border-radius:16px;border:1px solid #e2e7ed}
.personalized-side{background:linear-gradient(180deg,#f8fbff,#fff)}

/* My Skills */
.my-skills-page{background:#f4f6f8;min-height:calc(100vh - 70px);padding-bottom:70px}
.my-skills-hero{background:linear-gradient(180deg,#f8fafc,#f2f5f8);border-bottom:1px solid #e1e6ec;padding:54px 0 38px}
.my-skills-hero-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.my-skills-hero .eyebrow{margin-bottom:12px}
.my-skills-hero h1{font-size:48px;letter-spacing:-.045em;line-height:1.04;margin:0 0 12px;color:#13263f}
.my-skills-hero p{margin:0;color:#718198;line-height:1.7;font-size:14px}
.my-skills-stats{display:grid;grid-template-columns:repeat(3,112px);gap:8px}
.my-skills-stats>div{background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(28,47,73,.035)}
.my-skills-stats b{display:block;font-size:24px;color:#173557;letter-spacing:-.035em}
.my-skills-stats span{font-size:10px;color:#8493a5}
.my-skills-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;padding-top:30px}
.my-skills-main{min-width:0}
.my-skills-tabs{display:flex;align-items:center;gap:7px;margin-bottom:18px}
.my-skills-tabs a{padding:9px 14px;border-radius:999px;color:#687a90;font-size:12px}
.my-skills-tabs a.active{background:#173557;color:#fff;font-weight:800}
.my-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.my-skills-grid .skill-card{min-height:246px}
.my-skills-side{position:sticky;top:88px;display:grid;gap:14px}
.my-upload-card,.interest-memory-card{background:#fff;border:1px solid #e0e5eb;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(26,44,69,.035)}
.my-upload-card>span,.interest-memory-card .memory-card-head span{font-size:9px;letter-spacing:.16em;color:#8a99ab;font-weight:800}
.my-upload-card h2{font-size:20px;margin:8px 0 7px;color:#18304d}
.my-upload-card>p,.interest-memory-card>p{font-size:11px;line-height:1.65;color:#7f8ea0;margin:0 0 16px}
.my-upload-card form{display:grid;gap:9px}
.my-upload-card input,.my-upload-card textarea,.my-upload-card select{width:100%;border:1px solid #dfe5ec;background:#f9fafb;border-radius:11px;padding:11px 12px;outline:0;color:#263950;font-size:11px}
.my-upload-card textarea{resize:vertical}
.my-upload-card .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.personal-file{display:flex;border:1px dashed #cbd5e1;border-radius:11px;padding:11px 12px;color:#61758d;font-size:11px;background:#f7f9fb;cursor:pointer}
.personal-file input{display:none}
.my-upload-card .btn{width:100%;margin-top:2px}
.memory-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.memory-card-head h3{font-size:18px;margin:6px 0 0;color:#18304d}
.memory-card-head button{border:0;background:transparent;color:#8a99ab;font-size:10px;padding:4px}
.memory-journals{display:grid;gap:2px;border-top:1px solid #edf0f3;padding-top:8px}
.memory-journals a{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f2f5}
.memory-journals b{font-size:11px;color:#28425f}
.memory-journals span{font-size:9px;color:#8d9bad;background:#f1f4f7;padding:4px 7px;border-radius:999px}
.interest-memory-card>small{font-size:10px;color:#98a4b2}
.my-skills-empty{grid-column:1/-1;background:#fff;border:1px dashed #d5dde6;border-radius:18px;padding:48px;text-align:center;color:#7a899b}
.my-skills-empty b{display:block;color:#344a62;margin-bottom:7px}
.my-skills-empty p{margin:0;font-size:12px}

@media(max-width:1120px){.nav nav{gap:15px}.nav{gap:22px}.my-skills-body{grid-template-columns:1fr}.my-skills-side{position:static;grid-template-columns:1fr 1fr}.my-skills-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav nav a:nth-last-child(1){display:none}.my-skills-hero-grid{grid-template-columns:1fr}.my-skills-stats{grid-template-columns:repeat(3,1fr)}.my-skills-side{grid-template-columns:1fr}.community-d-images img,.community-card-images img,.community-home-images img{height:125px}}
@media(max-width:620px){.my-skills-hero{padding:36px 0 28px}.my-skills-hero h1{font-size:38px}.my-skills-grid{grid-template-columns:1fr}.my-skills-stats{grid-template-columns:1fr 1fr 1fr}.my-skills-stats>div{padding:12px}.my-skills-stats b{font-size:20px}.my-upload-card .two{grid-template-columns:1fr}.community-image-preview{grid-template-columns:repeat(2,1fr)}.community-d-images.count-2,.community-d-images.count-3,.community-card-images.count-2,.community-card-images.count-3,.community-home-images.count-2,.community-home-images.count-3{grid-template-columns:repeat(2,1fr)}.community-post-images{grid-template-columns:1fr}}

/* v2.6.0 — Account center + login-gated downloads */
.nav-actions{display:flex;align-items:center;gap:9px}
.nav-user-chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 5px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;color:#29415d;box-shadow:0 6px 16px rgba(23,53,87,.035)}
.nav-user-chip span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#173557;color:#fff;font-size:11px;font-weight:850}
.nav-user-chip b{font-size:11px;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.account-page{min-height:calc(100vh - 72px);background:#f2f5f8;padding:44px 0 70px}
.account-auth-wrap{display:grid;place-items:center}
.account-auth-card{width:min(1040px,100%);min-height:610px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);border:1px solid #dce3ea;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(20,42,68,.09)}
.account-auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:58px 58px 38px;background:radial-gradient(circle at 80% 14%,rgba(124,151,194,.28),transparent 34%),linear-gradient(145deg,#101d31 0%,#17314d 58%,#244863 100%);color:#fff;overflow:hidden}
.account-auth-brand:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-124px;bottom:-126px;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}
.account-kicker{display:inline-block;font-size:10px;letter-spacing:.2em;color:#9fb1c7;font-weight:850;margin-bottom:24px}
.account-auth-brand h1{font-size:54px;line-height:1.03;letter-spacing:-.055em;margin:0 0 22px;max-width:440px}
.account-auth-brand h1.account-mission-title{font-size:45px;line-height:1.08;letter-spacing:-.045em;max-width:480px}
.account-auth-brand p{max-width:510px;margin:0;color:#b9c7d7;font-size:14px;line-height:1.9}
.account-benefits{position:relative;z-index:1;display:grid;gap:1px;margin:34px 0 26px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.account-benefits div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:14px 0;color:#d6e0eb;font-size:12px}
.account-benefits b{font-size:10px;letter-spacing:.12em;color:#7897b4}
.account-auth-brand>small{position:relative;z-index:1;color:#7890a8;font-size:10px}
.account-auth-panel{padding:54px 50px 42px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.account-auth-head>span{font-size:10px;letter-spacing:.18em;color:#8798aa;font-weight:850}
.account-auth-head h2{font-size:31px;letter-spacing:-.035em;color:#152b44;margin:10px 0 9px}
.account-auth-head p{margin:0;color:#7d8da0;font-size:12px;line-height:1.7;min-height:40px}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 22px;padding:4px;background:#f0f3f6;border-radius:12px}
.auth-switch button{height:40px;border:0;border-radius:9px;background:transparent;color:#7a8a9d;font-size:12px;font-weight:750}
.auth-switch button.active{background:#fff;color:#173557;box-shadow:0 4px 13px rgba(28,48,72,.07)}
.account-form{display:grid;gap:14px}
.account-form label{display:grid;gap:7px}
.account-form label>span{font-size:10px;color:#61758c;font-weight:750}
.account-form input{height:48px;width:100%;border:1px solid #d9e0e7;border-radius:11px;background:#fbfcfd;padding:0 13px;outline:0;color:#21384f;font-size:12px;transition:.16s ease}
.account-form input:focus{border-color:#8fa6bc;box-shadow:0 0 0 3px rgba(58,89,120,.07);background:#fff}
.account-form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}
.account-form-meta .remember-row{display:flex;align-items:center;grid-template-columns:none;gap:7px;color:#7f8fa1;font-size:10px}
.account-form-meta .remember-row input{width:13px;height:13px}
.account-form-meta .remember-row span{font-weight:500;color:#7f8fa1}
.account-form-meta>button{border:0;background:transparent;color:#73879d;font-size:10px;padding:0}
.account-submit{height:48px;width:100%;border-radius:11px;margin-top:2px;background:#173557;border-color:#173557;box-shadow:0 10px 22px rgba(23,53,87,.12)}
.auth-message{min-height:18px;margin-top:9px;font-size:10px;color:#7e8c9d}
.auth-message.error{color:#a45d63}
.account-browse-note{margin-top:15px;padding-top:15px;border-top:1px solid #edf0f3}
.account-browse-note>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3f7;color:#54718e;font-size:9px;font-weight:800}
.account-browse-note p{font-size:10px;line-height:1.6;color:#8b99a9;margin:8px 0}
.account-browse-note a{font-size:10px;color:#274a6d;font-weight:800}

.account-member-page{background:#f3f5f7}
.account-member-hero{padding:43px 0 30px;background:linear-gradient(180deg,#f8fafb,#f1f4f7);border-bottom:1px solid #dfe5eb}
.account-member-hero-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.account-profile{display:flex;align-items:center;gap:17px}
.account-avatar{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#173557,#365b7a);color:#fff;font-size:24px;font-weight:850;box-shadow:0 12px 26px rgba(23,53,87,.13)}
.account-profile .eyebrow{margin:0 0 6px}
.account-profile h1{font-size:38px;letter-spacing:-.04em;color:#142a42;margin:0 0 4px}
.account-profile p{font-size:11px;color:#8290a1;margin:0}
.account-member-actions{display:flex;align-items:center;gap:12px}
.account-member-metrics{display:grid;grid-template-columns:repeat(3,98px);gap:7px}
.account-member-metrics>div{background:#fff;border:1px solid #dfe5eb;border-radius:13px;padding:12px 13px}
.account-member-metrics b{display:block;color:#173557;font-size:20px;letter-spacing:-.03em}
.account-member-metrics span{font-size:9px;color:#8795a5}
.account-logout{height:42px;border:1px solid #d8e0e8;border-radius:10px;background:#fff;color:#738397;padding:0 13px;font-size:10px}
.account-member-body{padding-top:26px}
.download-history-card{background:#fff;border:1px solid #e0e5eb;border-radius:20px;padding:20px 22px;box-shadow:0 12px 30px rgba(26,44,69,.035)}
.download-history-card p{font-size:10px;line-height:1.6;color:#8d9aa9;margin:8px 0 0}
.download-history-list{display:grid;border-top:1px solid #edf1f4;margin-top:10px}
.download-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f4}
.download-history-list b{font-size:10px;color:#29445f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.download-history-list span{font-size:9px;color:#9aa5b1;flex:0 0 auto}

@media(max-width:1060px){.account-auth-card{grid-template-columns:1fr}.account-auth-brand{min-height:340px;padding:42px}.account-auth-brand h1{font-size:45px}.account-auth-brand h1.account-mission-title{font-size:41px}.account-auth-panel{padding:42px}.account-member-hero-grid{align-items:flex-start;flex-direction:column}.account-member-actions{width:100%;justify-content:space-between}}
@media(max-width:760px){.nav-user-chip b{display:none}.nav-user-chip{padding-right:5px}.account-page{padding:18px 0 40px}.account-auth-card{border-radius:20px}.account-auth-brand{padding:32px 26px;min-height:300px}.account-auth-brand h1{font-size:39px}.account-auth-brand h1.account-mission-title{font-size:34px}.account-auth-brand p{font-size:12px}.account-benefits{margin:26px 0 18px}.account-auth-panel{padding:32px 26px}.account-member-metrics{grid-template-columns:repeat(3,1fr);width:100%}.account-member-actions{align-items:stretch;flex-direction:column}.account-logout{align-self:flex-end}.account-avatar{width:54px;height:54px}.account-profile h1{font-size:33px}}

/* Account chip + separate My Skills */
.nav{gap:20px}
.nav-account-slot{position:relative;flex:0 0 auto;z-index:95}
.top-account-wrap{position:relative}
.top-account-chip{height:40px;max-width:158px;display:flex;align-items:center;gap:8px;border:1px solid #dde3ea;border-radius:999px;padding:4px 10px 4px 5px;background:#fff;color:#1f3047;box-shadow:0 7px 20px rgba(24,43,69,.055);white-space:nowrap}
.top-account-chip:hover{border-color:#cfd8e2;box-shadow:0 9px 24px rgba(24,43,69,.08)}
.top-account-chip.guest{max-width:none}
.top-account-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#27375f,#606eb2);color:#fff;font-size:10px;font-weight:850;box-shadow:0 4px 10px rgba(58,72,128,.18)}
.top-account-chip b{font-size:10.5px;max-width:92px;overflow:hidden;text-overflow:ellipsis;font-weight:800;letter-spacing:.005em}
.top-account-chip i{font-style:normal;color:#8d99a9;font-size:11px;margin-left:1px}
.top-account-popover{display:none;position:absolute;left:0;top:49px;width:238px;padding:8px;background:#fff;border:1px solid #dfe5ec;border-radius:15px;box-shadow:0 22px 55px rgba(22,39,62,.15);z-index:110}
.top-account-popover.open{display:block;animation:accountPop .14s ease-out}
@keyframes accountPop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.account-popover-head{display:flex;align-items:center;gap:10px;padding:9px 10px 12px;border-bottom:1px solid #edf0f3;margin-bottom:5px}
.account-popover-head>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#26385d,#5c6eaa);color:#fff;font-weight:850;font-size:12px}
.account-popover-head>div{min-width:0}
.account-popover-head b{display:block;font-size:11px;color:#1b2e46;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-popover-head small{display:block;font-size:9px;color:#94a0af;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-account-popover>a,.top-account-popover>button{width:100%;min-height:37px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;background:transparent;padding:0 10px;color:#53667c;font-size:10.5px;text-align:left}
.top-account-popover>a:hover,.top-account-popover>button:hover{background:#f3f6f8;color:#173557}
.top-account-popover>button{color:#8f6266}

/* Dedicated account center */
.account-center-page{min-height:calc(100vh - 72px);padding:34px 0 68px;background:linear-gradient(180deg,#f6f8fa 0%,#f0f3f6 100%)}
.account-center-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.account-center-side,.account-center-main{background:#fff;border:1px solid #dfe5eb;border-radius:20px;box-shadow:0 12px 34px rgba(25,43,67,.045)}
.account-center-side{position:sticky;top:94px;padding:18px}
.account-identity-card{display:flex;align-items:center;gap:12px;padding:8px 7px 19px;border-bottom:1px solid #edf0f3}
.account-big-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#23385a,#536f91);color:#fff;font-size:18px;font-weight:850;box-shadow:0 10px 20px rgba(35,56,90,.13)}
.account-identity-card>div:last-child{min-width:0}
.account-identity-card span{font-size:8px;letter-spacing:.16em;color:#9aa6b4;font-weight:850}
.account-identity-card h1{font-size:15px;color:#1b314a;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-identity-card p{font-size:9px;color:#96a1af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-center-nav{display:grid;gap:4px;padding:14px 0}
.account-center-nav a{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 12px;border-radius:11px;color:#66798f;font-size:11px;font-weight:700}
.account-center-nav a:hover{background:#f4f7f9;color:#183653}
.account-center-nav a.active{background:#edf3f7;color:#173557}
.account-center-nav a span{font-size:15px;color:#9ba7b4}
.account-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 0;border-top:1px solid #edf0f3}
.account-quick-stats div{text-align:center;padding:9px 3px;border-radius:10px;background:#f7f9fa}
.account-quick-stats b{display:block;font-size:16px;color:#213c59}
.account-quick-stats span{font-size:8px;color:#97a3b0}
.account-side-logout{width:100%;height:39px;margin-top:5px;border:1px solid #e4dede;border-radius:10px;background:#fff;color:#936a6c;font-size:10px}
.account-side-logout:hover{background:#faf5f5}
.account-center-main{padding:32px 34px;min-height:610px}
.account-panel-head{padding-bottom:22px;border-bottom:1px solid #edf0f3;margin-bottom:24px}
.account-panel-head>span{font-size:9px;letter-spacing:.18em;color:#96a3b1;font-weight:850}
.account-panel-head h2{font-size:29px;letter-spacing:-.035em;color:#18314c;margin:8px 0 7px}
.account-panel-head p{font-size:11px;line-height:1.7;color:#8492a2;margin:0;max-width:680px}
.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.profile-form-grid label,.security-card label{display:grid;gap:7px}
.profile-form-grid label.full{grid-column:1/-1}
.profile-form-grid label>span,.security-card label>span{font-size:9.5px;color:#63778d;font-weight:750}
.profile-form-grid input,.profile-form-grid textarea,.security-card input{width:100%;border:1px solid #dce3ea;border-radius:10px;background:#fbfcfd;padding:11px 12px;outline:0;color:#273b51;font-size:11px;transition:.15s}
.profile-form-grid input{height:43px}
.profile-form-grid textarea{resize:vertical;min-height:106px;line-height:1.65}
.profile-form-grid input:focus,.profile-form-grid textarea:focus,.security-card input:focus{border-color:#95a9bc;box-shadow:0 0 0 3px rgba(55,84,113,.06);background:#fff}
.account-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:20px}
.account-form-footer .btn{min-width:112px}
.account-inline-message{margin-right:auto;min-height:18px;font-size:10px;color:#7d8b9b}
.account-inline-message.ok{color:#43816d}.account-inline-message.error{color:#a85f66}
.account-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid #edf0f3}
.account-info-strip>div{padding:14px;border:1px solid #e4e9ee;border-radius:12px;background:#fafbfc}
.account-info-strip span{display:block;font-size:8.5px;color:#95a1af;margin-bottom:6px}
.account-info-strip b{display:block;font-size:10.5px;color:#334a61;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:18px;align-items:start}
.security-card{border:1px solid #e0e6ec;border-radius:16px;padding:22px;background:#fbfcfd;display:grid;gap:14px}
.security-card-title{padding-bottom:10px}
.security-card-title span{font-size:8.5px;letter-spacing:.16em;color:#9aa5b2;font-weight:850}
.security-card-title h3{font-size:19px;color:#213951;margin:5px 0 0}
.security-card input{height:43px;background:#fff}
.security-card .btn{margin-top:2px}
.security-summary{background:#fff}
.security-summary dl{margin:0;display:grid;gap:0}
.security-summary dl div{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f3}
.security-summary dt{font-size:9px;color:#96a2b0}
.security-summary dd{margin:0;font-size:10px;color:#344a61;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-note{margin-top:6px;padding:14px;border-radius:11px;background:#eef4f7}
.security-note b{font-size:10px;color:#31506d}.security-note p{font-size:9.5px;line-height:1.65;color:#718397;margin:5px 0 0}

/* Retain My Skills as an independent product area */
.account-member-hero .account-logout{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

@media(max-width:1180px){.nav{gap:13px}.nav nav{gap:14px}.top-account-chip{max-width:126px}.top-account-chip b{max-width:64px}.brand{font-size:16px}.nav-actions .btn{padding-left:12px;padding-right:12px}}
@media(max-width:980px){.nav-account-slot{order:2}.brand{order:1}.nav nav{order:3}.nav-actions{order:4}.top-account-chip b{display:none}.top-account-chip{width:40px;padding:4px}.top-account-chip i{display:none}.top-account-popover{left:auto;right:0}.nav nav a:nth-child(5){display:none}.account-center-grid{grid-template-columns:1fr}.account-center-side{position:static}.account-center-nav{grid-template-columns:repeat(3,1fr)}.account-center-nav a{justify-content:center}.account-center-nav a span{display:none}.account-quick-stats{max-width:340px}.security-layout{grid-template-columns:1fr}}
@media(max-width:700px){.nav{gap:9px}.nav nav{display:none}.nav-actions .nav-admin-btn{display:none}.nav-publish-btn{padding:9px 11px;font-size:10px}.account-center-page{padding:18px 0 42px}.account-center-main{padding:24px 20px}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid label.full{grid-column:auto}.account-center-nav{grid-template-columns:1fr}.account-info-strip{grid-template-columns:1fr}.account-form-footer{align-items:flex-start;flex-direction:column}.account-form-footer .btn{width:100%}.security-layout{grid-template-columns:1fr}.account-center-side{padding:14px}.top-account-popover{position:fixed;left:14px;right:14px;top:65px;width:auto}}

/* Account navigation + integrated RBAC admin center */
.nav-wide{width:calc(100% - 40px);max-width:1540px;margin:0 auto;padding:0;gap:18px}
.nav-wide .brand{order:0;margin-right:4px}
.nav-wide nav{order:1;margin-right:auto}
.nav-wide .nav-actions{order:2;margin-left:auto;display:flex;align-items:center;gap:9px}
.nav-wide .nav-account-slot{order:3}
.nav-wide .top-account-popover{left:auto;right:0}
.account-popover-divider{height:1px;background:#edf0f3;margin:5px 7px}
.top-account-popover>a.admin-entry{color:#243f67;font-weight:800;background:#f7f9fc}
.top-account-popover>a.admin-entry:hover{background:#edf3f8;color:#173557}
.role-pill{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 11px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap;border:1px solid #dce4ec;background:#f6f8fa;color:#526a82}
.role-pill.owner{background:#eef1fb;border-color:#d7ddf0;color:#42527f}
.role-pill.admin{background:#edf5f2;border-color:#d5e5df;color:#3f7566}
.admin-account-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-account-title h2{margin-top:8px}
.admin-account-title p{max-width:660px}
.admin-dashboard-mount{display:grid;gap:16px}
.admin-auth-check,.admin-auth-failed{min-height:190px;border:1px solid #e1e7ed;border-radius:16px;background:#fafbfc;display:flex;align-items:center;justify-content:center;gap:10px;color:#708197;font-size:11px}
.admin-auth-failed{flex-direction:column;text-align:center;padding:35px}
.admin-auth-failed b{font-size:17px;color:#253b54}
.admin-auth-failed p{margin:0 0 6px;color:#7f8d9d}
.integrated-admin-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.integrated-admin-overview>div{border:1px solid #e0e6ec;border-radius:14px;background:#fafbfc;padding:15px 16px}
.integrated-admin-overview span{display:block;font-size:8.5px;color:#8c99a8;margin-bottom:8px}
.integrated-admin-overview strong{font-size:24px;letter-spacing:-.04em;color:#1c3755}
.integrated-admin-card{border:1px solid #e1e6ec;border-radius:16px;background:#fff;padding:20px 20px 18px;box-shadow:0 8px 24px rgba(25,43,67,.025)}
.integrated-admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.integrated-admin-card-head>div:first-child>span{font-size:8px;letter-spacing:.16em;font-weight:850;color:#98a4b1}
.integrated-admin-card-head h3{font-size:18px;color:#1e3854;margin:6px 0 5px}
.integrated-admin-card-head p{font-size:10px;line-height:1.65;color:#8593a2;margin:0;max-width:610px}
.owner-mini{flex:0 0 auto;border:1px solid #e1e6ec;border-radius:10px;background:#f8fafb;padding:9px 11px;color:#8290a0;font-size:9px}
.owner-mini b{color:#40566e}
.admin-user-table{overflow:hidden;border:1px solid #e5e9ee;border-radius:12px}
.admin-user-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(140px,1fr) 120px 150px;gap:12px;align-items:center;min-height:62px;padding:9px 13px;border-top:1px solid #edf0f3;background:#fff}
.admin-user-row:first-child{border-top:0}
.admin-user-head{min-height:36px;background:#f7f9fa;color:#8c98a6;font-size:8.5px;font-weight:800}
.admin-user-identity{display:flex;align-items:center;gap:10px;min-width:0}
.admin-user-identity>span{width:31px;height:31px;flex:0 0 31px;border-radius:10px;display:grid;place-items:center;background:#edf2f6;color:#456079;font-size:9px;font-weight:850}
.admin-user-identity>div{min-width:0}
.admin-user-identity b{display:block;font-size:10.5px;color:#28415b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-identity small{display:block;font-size:8.5px;color:#929daa;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-org,.admin-user-date{font-size:9px;color:#728397;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.permission-select{width:100%;height:34px;border:1px solid #dbe2e9;border-radius:9px;background:#fff;color:#445b73;padding:0 9px;font-size:9.5px;outline:0}
.permission-select:focus{border-color:#99aabd;box-shadow:0 0 0 3px rgba(66,91,117,.06)}
.permission-select:disabled{opacity:.55}
.permission-fixed{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border-radius:9px;background:#f4f6f8;color:#687b8e;font-size:9px;font-weight:750}
.permission-fixed.owner{background:#eef1fb;color:#465884}
.admin-role-message{padding-top:12px;margin:0}
.integrated-tier-row{margin-top:0}
.integrated-review-table{margin-top:4px}
.account-access-denied{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e1e6ec;border-radius:20px;padding:50px;box-shadow:0 14px 40px rgba(25,43,67,.045)}
.account-access-denied>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#9ba7b4}
.account-access-denied h1{font-size:34px;color:#1d3854;margin:10px 0 8px}
.account-access-denied p{max-width:560px;color:#8492a2;font-size:11px;line-height:1.8;margin:0 0 22px}
.account-access-denied>div{display:flex;gap:8px}

@media(max-width:1180px){
 .nav-wide{width:calc(100% - 28px);gap:11px}
 .admin-user-row{grid-template-columns:minmax(190px,1.4fr) minmax(120px,1fr) 105px 132px}
}
@media(max-width:900px){
 .integrated-admin-overview{grid-template-columns:repeat(2,1fr)}
 .admin-user-table{overflow-x:auto}
 .admin-user-row{min-width:760px}
 .integrated-admin-card-head{flex-direction:column}
 .owner-mini{align-self:flex-start}
}
@media(max-width:700px){
 .nav-wide{width:calc(100% - 20px)}
 .nav-wide .brand{margin-right:auto}
 .nav-wide .nav-actions{margin-left:auto}
 .admin-account-title{flex-direction:column}
 .integrated-admin-overview{grid-template-columns:1fr 1fr}
 .integrated-admin-card{padding:16px 14px}
 .account-access-denied{min-height:440px;padding:34px 22px}
 .account-access-denied h1{font-size:28px}
}
.first-owner-note{display:flex;gap:10px;align-items:flex-start;margin:15px 0 0;padding:11px 12px;border-radius:10px;background:#f3f6fa;border:1px solid #e1e7ee}
.first-owner-note b{flex:0 0 auto;font-size:9px;color:#405873}
.first-owner-note span{font-size:9px;line-height:1.6;color:#7c8b9b}


/* v2.6.4 — definitive top-right account placement.
   Kept last on purpose so legacy responsive order rules cannot move it left. */
.nav-wide{display:flex!important;align-items:center!important}
.nav-wide .brand{order:0!important}
.nav-wide nav{order:1!important;margin-right:auto!important}
.nav-wide .nav-actions{order:2!important;margin-left:auto!important;display:flex!important;align-items:center!important}
.nav-wide .nav-actions .nav-publish-btn{order:0!important}
.nav-wide .nav-actions .nav-account-slot,.nav-wide .nav-actions .nav-account-rightmost{order:1!important;position:relative!important}
.nav-wide .top-account-popover{left:auto!important;right:0!important}
@media(max-width:980px){
  .nav-wide .brand{order:0!important}
  .nav-wide nav{order:1!important}
  .nav-wide .nav-actions{order:2!important;margin-left:auto!important}
  .nav-wide .nav-actions .nav-account-slot{order:1!important}
}

/* v2.7.0 · Official C-journal Skill version management */
.journal-version-section{scroll-margin-top:96px}
.journal-current-release{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:28px;align-items:center;padding:24px 26px;margin:22px 0 16px;border:1px solid #d9e1ec;border-radius:18px;background:linear-gradient(135deg,#f7f9fc 0%,#fff 72%)}
.journal-current-release>div:first-child span,.official-manager-title span,.official-version-upload>div>span,.version-admin-head span,.official-danger-zone>div>span{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#7182a0}
.journal-current-release h3{margin:0 0 4px;font-size:25px;color:#13233f}
.journal-current-release p{margin:0;color:#667995;line-height:1.65}
.journal-current-release>div:nth-child(2){min-width:150px;padding-left:22px;border-left:1px solid #e1e7ef}
.journal-current-release small{display:block;color:#8795aa;margin-bottom:5px}
.journal-current-release b{font-size:13px;color:#263a58}
.journal-version-list{display:grid;gap:10px}
.journal-version-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:22px;align-items:center;padding:17px 18px;border:1px solid #e1e7ef;border-radius:14px;background:#fff}
.journal-version-item.current{border-color:#bac9df;background:#fbfcfe}
.journal-version-mark b{display:block;font-size:16px;color:#172743}
.journal-version-mark span{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:11px;color:#64748b}
.journal-version-item.current .journal-version-mark span{background:#172d4c;color:#fff}
.journal-version-copy p{margin:0 0 5px;color:#354865;line-height:1.55}
.journal-version-copy small{color:#8a97aa}
.journal-version-actions .btn{min-height:36px;padding:0 13px;font-size:12px}
.current-version-lock{display:inline-flex;padding:7px 10px;border-radius:8px;background:#eff3f8;font-size:10px;font-weight:800;letter-spacing:.12em;color:#667a99}

.official-journal-admin-card{overflow:hidden}
.official-admin-head{align-items:flex-start}
.official-admin-tools{display:flex;gap:12px;align-items:stretch;margin:4px 0 18px}
.official-admin-tools label{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0 15px;border:1px solid #dce4ee;border-radius:12px;background:#f9fbfd}
.official-admin-tools label span{font-size:12px;color:#7a899f}
.official-admin-tools input{min-width:0;flex:1;height:44px;border:0;background:transparent;outline:none;color:#162844}
.official-admin-tools>div{min-width:105px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.official-admin-tools>div b{display:block;font-size:18px;color:#182a46}
.official-admin-tools>div span{font-size:11px;color:#8492a8}
.official-journal-table{border:1px solid #e0e6ef;border-radius:14px;overflow:hidden;background:#fff}
.official-journal-row{display:grid;grid-template-columns:minmax(230px,1.8fr) 110px 80px 110px 86px;gap:16px;align-items:center;min-height:66px;padding:10px 14px;border-top:1px solid #edf1f5;font-size:13px;color:#41526b}
.official-journal-row:first-child{border-top:0}
.official-journal-head{min-height:40px;background:#f7f9fc;font-size:11px;font-weight:700;color:#8390a3;letter-spacing:.04em}
.official-journal-row>div:first-child b{display:block;font-size:14px;color:#1b2d49}
.official-journal-row>div:first-child small{display:block;margin-top:4px;color:#8a97aa}
.admin-version-main{font-weight:700;color:#233b5e}
.official-journal-row .status-dot.ok{background:#61c6a3}
.official-journal-row .status-dot.waiting{background:#c8d0dc}

#officialJournalManagerMount:empty{display:none}
.official-manager-panel{margin-top:22px;border:1px solid #ced8e5;border-radius:18px;background:#fbfcfe;box-shadow:0 16px 44px rgba(28,48,79,.06);overflow:hidden}
.official-manager-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 20px;border-bottom:1px solid #e0e7f0;background:#fff}
.official-manager-title h3{margin:0 0 7px;font-size:22px;color:#172a48}
.official-manager-title p{margin:0;color:#718096;line-height:1.6}
.manager-close{width:38px;height:38px;border:1px solid #dce3ec;border-radius:10px;background:#fff;font-size:22px;color:#6c7b91;cursor:pointer}
.official-manager-tabs{display:flex;justify-content:space-between;padding:12px 26px;border-bottom:1px solid #e5eaf1;background:#f7f9fc;font-size:12px;color:#8190a4}
.official-manager-tabs .active{font-weight:700;color:#1d3557}
.official-meta-form{padding:24px 26px;background:#fff;border-bottom:1px solid #e2e8f0}
.official-id-field{display:block;margin-bottom:16px}
.official-id-field span,.official-meta-grid label>span,.official-publish-row label>span,.official-version-upload label>span,.version-admin-item.editing label>span{display:block;margin-bottom:7px;font-size:11px;font-weight:700;color:#6d7e95}
.official-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px}
.official-meta-grid .full,.official-version-upload .full,.version-admin-item.editing .full{grid-column:1/-1}
.official-meta-form input,.official-meta-form select,.official-meta-form textarea,.official-version-upload input,.official-version-upload textarea,.version-admin-item.editing input,.version-admin-item.editing select,.version-admin-item.editing textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#172943;font:inherit;outline:none}
.official-meta-form input,.official-meta-form select,.official-version-upload input,.version-admin-item.editing input,.version-admin-item.editing select{height:42px;padding:0 12px}
.official-meta-form textarea,.official-version-upload textarea,.version-admin-item.editing textarea{padding:10px 12px;resize:vertical}
.official-meta-form input:focus,.official-meta-form select:focus,.official-meta-form textarea:focus,.official-version-upload input:focus,.official-version-upload textarea:focus,.version-admin-item.editing input:focus,.version-admin-item.editing select:focus,.version-admin-item.editing textarea:focus{border-color:#8ea6c7;box-shadow:0 0 0 3px rgba(78,108,154,.08)}
.official-publish-row{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:end;margin-top:16px;padding:15px;border-radius:12px;background:#f6f8fb}
.official-publish-row p{margin:0 0 4px;color:#78879a;font-size:12px;line-height:1.55}
.official-form-actions{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:18px;min-height:40px}
.official-form-actions>span{margin-right:auto;font-size:12px;color:#718096}
.msg-error{color:#b84d57!important}
.official-version-upload{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:24px 26px;border-bottom:1px solid #e2e8f0;background:#f9fbfd}
.official-version-upload h4,.version-admin-head h4,.official-danger-zone h4{margin:0 0 7px;font-size:18px;color:#1b2d49}
.official-version-upload>div>p,.version-admin-head>p,.official-danger-zone>div>p{margin:0;color:#748399;font-size:12px;line-height:1.6}
.official-version-upload form{display:grid;grid-template-columns:180px 1fr;gap:14px}
.release-switch{display:flex!important;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dce4ee;border-radius:11px;background:#fff}
.release-switch input{width:16px!important;height:16px!important;margin-top:2px}
.release-switch span{margin:0!important}
.release-switch b{display:block;font-size:13px;color:#263a59}
.release-switch small{display:block;margin-top:3px;font-size:11px;color:#8996a8}
.official-version-management{padding:24px 26px;background:#fff}
.version-admin-head{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start;margin-bottom:16px}
.version-admin-list{display:grid;gap:9px}
.version-admin-item{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 15px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}
.version-admin-item.current{border-color:#b9c8dc;background:#f9fbfe}
.version-admin-version b{display:block;font-size:15px;color:#172943}
.version-status{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:#eef2f6;font-size:10px;color:#6a788d}
.version-status.current{background:#193354;color:#fff}.version-status.draft{background:#fff5da;color:#92711c}.version-status.withdrawn{background:#f5e9eb;color:#9a5260}
.version-admin-copy p{margin:0 0 4px;color:#40516b;line-height:1.5}.version-admin-copy small{color:#8b98aa}
.version-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.version-admin-actions button{min-height:32px;padding:0 9px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#52657f;font-size:11px;cursor:pointer}
.version-admin-actions .primary-small{background:#203a5e;border-color:#203a5e;color:#fff}.danger-small{color:#a94d56!important;border-color:#efd2d6!important;background:#fffafb!important}
.version-admin-item.editing{display:block;padding:18px}.version-admin-item.editing form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.version-edit-actions{display:flex;justify-content:flex-end;gap:8px}
.official-danger-zone{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 26px;border-top:1px solid #efdadd;background:#fff9fa}
.official-danger-zone button{min-height:38px;padding:0 14px;border:1px solid #e5b8bf;border-radius:9px;background:#fff;color:#a84752;font-weight:700;cursor:pointer}

@media (max-width:1050px){
 .official-journal-row{grid-template-columns:minmax(200px,1.8fr) 90px 65px 95px 72px;gap:10px}
 .official-version-upload,.version-admin-head{grid-template-columns:1fr}
 .journal-current-release{grid-template-columns:1fr auto}.journal-current-release>div:nth-child(2){display:none}
}
@media (max-width:760px){
 .official-admin-tools{flex-wrap:wrap}.official-admin-tools label{flex-basis:100%}
 .official-journal-table{overflow-x:auto}.official-journal-row{min-width:760px}
 .official-meta-grid,.official-version-upload form,.version-admin-item.editing form{grid-template-columns:1fr}
 .official-meta-grid .full,.official-version-upload .full,.version-admin-item.editing .full{grid-column:auto}
 .official-publish-row{grid-template-columns:1fr}
 .journal-current-release{grid-template-columns:1fr}.journal-current-release>div:nth-child(2){display:block;border:0;padding:0}.journal-version-item{grid-template-columns:1fr}.journal-version-actions{justify-self:start}
 .version-admin-item{grid-template-columns:1fr}.version-admin-actions{justify-content:flex-start}
 .official-danger-zone{align-items:flex-start;flex-direction:column}
}
.skill-version-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#6c7c92;font-size:10px;font-weight:700;white-space:nowrap}.skill-version-chip.update{background:#fff1d8;color:#956a12}


/* ========================================================================== */
/* v2.7.0-ui2 — homepage UI refresh only (reference hero + interactive carousel) */
/* Keeps data, routing, search, sync, auth, journal/open/publish behavior intact */
/* ========================================================================== */
.topbar{
  position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(31,55,91,.08)!important;box-shadow:0 6px 24px rgba(31,55,91,.035)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.nav{height:78px!important;color:#13264b!important}
.nav-wide{width:calc(100% - 44px)!important;max-width:1600px!important;gap:26px!important}
.brand{font-size:22px!important;font-weight:800!important;color:#0b2049!important;letter-spacing:-.025em}
.brandmark{width:42px!important;height:42px!important;border-radius:11px!important;background:linear-gradient(145deg,#5a96ff,#103f97)!important;color:#fff!important;font-size:22px!important;box-shadow:0 7px 18px rgba(29,86,190,.24)!important}
.nav nav{gap:36px!important}
.nav nav a{color:#21365c!important;font-size:15px!important;font-weight:570;transition:color .2s ease,transform .2s ease}
.nav nav a:hover{color:#0757d9!important;transform:translateY(-1px)}
.nav-publish-btn{height:50px!important;border-radius:13px!important;padding:0 22px!important;background:linear-gradient(180deg,#123c84,#0b2f6d)!important;border-color:#0b2f69!important;box-shadow:0 7px 18px rgba(11,47,105,.14)!important;font-size:16px!important}
.nav-plus{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#fff;color:#10326a;font-size:15px;line-height:1;font-weight:900}
.top-account-chip{height:50px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e2e9f3!important;color:#112c59!important;box-shadow:0 7px 18px rgba(23,55,100,.06)!important;padding:0 16px!important}
.top-account-chip b{font-size:14px}.top-account-avatar{background:#f0f5ff!important;color:#164b9b!important}

.yanxi-home-v271{background:#f6f9ff}
.yanxi-ui-hero{position:relative;min-height:calc(100vh - 78px);padding:34px 0 18px!important;overflow:hidden;background:
  radial-gradient(circle at 76% 42%,rgba(87,139,255,.16),transparent 31%),
  radial-gradient(circle at 94% 72%,rgba(113,173,255,.13),transparent 29%),
  linear-gradient(135deg,#fcfdff 0%,#f6f9ff 46%,#edf3ff 100%)!important;color:#0d234d!important;border-bottom:1px solid rgba(32,75,135,.07)}
.yanxi-hero-glow{position:absolute;inset:-20% -12% auto 44%;height:90%;background:radial-gradient(circle,rgba(84,139,255,.16),transparent 65%);filter:blur(24px);pointer-events:none}
.yanxi-hero-shell{position:relative;z-index:2;width:min(1540px,calc(100% - 96px));margin:0 auto;display:grid;grid-template-columns:minmax(560px,.86fr) minmax(650px,1.14fr);gap:18px;align-items:center;min-height:760px}
.yanxi-hero-copy{padding:6px 0 0 0;align-self:center;max-width:690px}
.yanxi-hero-badge{display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 20px;border:1px solid #d7e4fb;background:rgba(247,250,255,.88);border-radius:999px;color:#15366c;font-size:14px;font-weight:650;letter-spacing:.20em;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.yanxi-hero-badge i{width:8px;height:8px;border-radius:50%;background:#1764e8;box-shadow:0 0 0 4px rgba(23,100,232,.08)}
.yanxi-hero-copy h1{margin:30px 0 18px;font-family:"Songti SC","STSong","Noto Serif SC","Times New Roman",serif;color:#081f49;font-size:64px;line-height:1.19;letter-spacing:-.045em;font-weight:800;white-space:nowrap}
.yanxi-hero-copy h1 span{font-size:.79em;letter-spacing:-.04em}
.yanxi-hero-copy h1 em{font-style:normal;display:inline-block;font-size:1.12em;letter-spacing:-.055em;background:linear-gradient(180deg,#79b5ff 0%,#286fef 54%,#0d56d5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 34px rgba(55,123,240,.14)}
.yanxi-hero-copy>p{margin:0;max-width:650px;color:#4f6282;font-size:15.5px;line-height:1.75;letter-spacing:.005em}
.yanxi-hero-search{display:flex;align-items:center;max-width:650px;height:58px;margin-top:28px;background:rgba(255,255,255,.94);border:1px solid #dce6f4;border-radius:14px;box-shadow:0 10px 26px rgba(38,80,137,.055);overflow:hidden;padding-left:16px}
.yanxi-search-icon{width:19px;height:19px;border:2px solid #8aa0c4;border-radius:50%;position:relative;flex:0 0 auto;margin-right:12px}.yanxi-search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#8aa0c4;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.yanxi-hero-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#17335f;font-size:14px;padding:0 12px}.yanxi-hero-search input::placeholder{color:#8ca0bf}
.yanxi-hero-search button{height:48px;min-width:78px;margin-right:5px;border:0;border-radius:10px;background:linear-gradient(180deg,#1857bb,#0b408f);color:white;font-weight:800;box-shadow:0 5px 12px rgba(15,60,135,.18)}
.yanxi-hot{display:flex;align-items:center;gap:25px;margin-top:14px;color:#536682;font-size:13px}.yanxi-hot span{color:#233b61;font-weight:650}.yanxi-hot a{color:#52647f;cursor:pointer;transition:color .2s}.yanxi-hot a:hover{color:#0759d4}
.yanxi-hero-actions{display:flex;gap:20px;margin-top:20px}.yanxi-btn{height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:0 24px;font-size:15px;font-weight:760;transition:transform .2s ease,box-shadow .2s ease}.yanxi-btn:hover{transform:translateY(-2px)}
.yanxi-btn-primary{min-width:234px;background:linear-gradient(180deg,#1554b5,#0c3c8d);color:#fff;box-shadow:0 9px 18px rgba(12,65,149,.18)}.yanxi-btn-secondary{min-width:208px;background:rgba(255,255,255,.94);color:#0d2b5e;border:1px solid #dce6f3;box-shadow:0 8px 18px rgba(30,71,128,.05)}
.yanxi-layers-mini,.yanxi-id-mini{font-size:23px;line-height:1}.yanxi-id-mini{font-size:19px}
.yanxi-stat-row{display:flex;align-items:stretch;margin-top:28px;max-width:650px;border-top:1px solid #dfe7f2;padding-top:18px}.yanxi-stat-row>div{min-width:0;flex:1;display:flex;align-items:baseline;gap:8px;padding:0 18px;border-left:1px solid #dfe7f2}.yanxi-stat-row>div:first-child{padding-left:0;border-left:0}.yanxi-stat-row strong{font-size:25px;color:#0b2858;letter-spacing:-.03em}.yanxi-stat-row span{font-size:12px;color:#667994;white-space:nowrap}
.yanxi-home-status{display:flex;align-items:center;gap:10px;max-width:650px;margin-top:17px;padding-top:14px;border-top:1px solid #e4ebf4;color:#607490;font-size:12px}.yanxi-home-status .sync-dot{flex:0 0 auto}.yanxi-home-status button{border:0;background:transparent;color:#0f55b6;font-weight:800;margin-left:5px;padding:0}
.yanxi-affiliation{position:absolute;z-index:3;right:max(48px,calc((100vw - 1540px)/2));bottom:18px;color:#5e7392;font-size:12px;letter-spacing:.03em}

.yanxi-hero-stage{position:relative;height:650px;min-width:650px;align-self:center;isolation:isolate;touch-action:pan-y;user-select:none;outline:none}
.yanxi-hero-stage:focus-visible{outline:2px solid rgba(28,99,221,.28);outline-offset:8px;border-radius:32px}
.yanxi-orbit{position:absolute;border:1px solid rgba(76,131,226,.24);border-radius:50%;pointer-events:none;z-index:0}.orbit-a{width:710px;height:405px;left:12px;top:88px;transform:rotate(-7deg)}.orbit-b{width:640px;height:505px;left:74px;top:45px;transform:rotate(18deg);border-color:rgba(255,255,255,.85)}.orbit-c{width:545px;height:585px;left:118px;top:18px;transform:rotate(56deg);border-color:rgba(91,143,231,.16)}
.yanxi-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8dcff,#2b78ed 62%,#0a49bd);box-shadow:0 0 16px rgba(43,120,237,.42)}.orbit-a i:nth-child(1){left:19%;top:8%}.orbit-a i:nth-child(2){right:-5px;top:42%}.orbit-a i:nth-child(3){left:2%;bottom:14%}.orbit-b i:nth-child(1){right:6%;top:11%}.orbit-b i:nth-child(2){right:2%;bottom:20%}
.yanxi-pedestal{position:absolute;z-index:1;left:58px;right:34px;bottom:70px;height:152px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(120,166,246,.42) 0%,rgba(128,174,251,.20) 43%,rgba(255,255,255,.72) 47%,rgba(92,151,245,.35) 51%,rgba(255,255,255,.82) 59%,rgba(113,165,245,.24) 64%,transparent 72%);filter:drop-shadow(0 22px 34px rgba(56,113,201,.18))}.yanxi-pedestal:before,.yanxi-pedestal:after{content:"";position:absolute;left:8%;right:8%;border-radius:50%;border:2px solid rgba(74,135,234,.28)}.yanxi-pedestal:before{top:20px;height:95px;box-shadow:inset 0 12px 24px rgba(94,145,224,.12)}.yanxi-pedestal:after{top:42px;height:86px;border-color:rgba(255,255,255,.9);box-shadow:0 8px 0 rgba(64,125,223,.18)}.yanxi-pedestal span{position:absolute;border-radius:50%;left:16%;right:16%;height:8px;background:linear-gradient(90deg,transparent,#1d74ef,transparent);filter:blur(3px);opacity:.54}.yanxi-pedestal span:nth-child(1){bottom:20px}.yanxi-pedestal span:nth-child(2){bottom:39px;opacity:.34}.yanxi-pedestal span:nth-child(3){bottom:58px;opacity:.22}
.hero-carousel-card{position:absolute;z-index:5;top:150px;width:262px;height:348px;padding:36px 30px 28px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(245,249,255,.97));border:1px solid rgba(209,223,244,.96);border-radius:26px;box-shadow:0 22px 48px rgba(56,98,166,.10),inset 0 1px 0 #fff;transition:transform .72s cubic-bezier(.2,.78,.2,1),opacity .42s ease,box-shadow .28s ease,border-color .28s ease;transform-origin:center bottom;cursor:pointer;will-change:transform,opacity}.hero-carousel-card:hover{box-shadow:0 30px 66px rgba(57,105,179,.16);border-color:#bcd2f4}.hero-carousel-card.slot-left{transform:translate3d(80px,50px,0) rotate(-2deg) scale(.89);opacity:.96;z-index:4}.hero-carousel-card.slot-center{transform:translate3d(305px,-18px,0) rotate(.2deg) scale(1.14);opacity:1;z-index:7}.hero-carousel-card.slot-right{transform:translate3d(530px,50px,0) rotate(2deg) scale(.89);opacity:.96;z-index:5}.hero-carousel-card.exit-right{transform:translate3d(720px,66px,0) rotate(4deg) scale(.80)!important;opacity:0!important;z-index:2!important}.hero-carousel-card.exit-left{transform:translate3d(-110px,66px,0) rotate(-4deg) scale(.80)!important;opacity:0!important;z-index:2!important}.hero-carousel-card.no-transition{transition:none!important}
.hero-card-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f9fbff,#eef5ff);border:1px solid #d8e5f7;box-shadow:0 7px 18px rgba(48,104,188,.08);margin-bottom:24px}.hero-card-icon.primary{background:linear-gradient(180deg,#f7fbff,#e8f2ff)}.hero-card-icon svg{width:29px;height:29px;fill:none;stroke:#1471ef;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero-carousel-card h3{margin:0 0 14px;color:#0c2857;font-size:23px;letter-spacing:-.02em}.hero-carousel-card p{min-height:48px;margin:0;color:#5e7090;font-size:13.5px;line-height:1.75}.hero-carousel-card>strong{display:block;margin-top:32px;color:#0a2757;font-size:28px;letter-spacing:-.035em}.hero-carousel-card>small{display:block;margin-top:6px;color:#677b9c;font-size:12px}.hero-carousel-card>button{position:absolute;right:23px;bottom:23px;width:43px;height:43px;border:0;border-radius:50%;background:#edf4ff;color:#0e67e9;font-size:26px;line-height:1;box-shadow:inset 0 0 0 1px #d8e7fb;transition:transform .18s,background .18s}.hero-carousel-card>button:hover{transform:translateX(2px);background:#e4efff}
.yanxi-carousel-dots{position:absolute;z-index:11;left:50%;bottom:32px;transform:translateX(-50%);height:42px;display:flex;align-items:center;gap:10px;padding:0 15px;background:rgba(255,255,255,.84);border:1px solid #dce8f8;border-radius:999px;box-shadow:0 8px 20px rgba(49,93,154,.06)}.yanxi-carousel-dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#bdc9db;transition:width .2s,background .2s}.yanxi-carousel-dots button.active{width:10px;background:#0c63ec}

@media(max-width:1320px){
 .yanxi-hero-shell{width:min(1240px,calc(100% - 60px));grid-template-columns:minmax(520px,.92fr) minmax(570px,1.08fr);gap:0}
 .yanxi-hero-copy h1{font-size:56px}.yanxi-hero-stage{transform:scale(.92);transform-origin:center}.yanxi-affiliation{right:34px}
}
@media(max-width:1120px){
 .yanxi-ui-hero{min-height:auto;padding-bottom:28px!important}.yanxi-hero-shell{grid-template-columns:1fr;gap:0;min-height:auto}.yanxi-hero-copy{max-width:760px;margin:0 auto;padding-top:12px}.yanxi-hero-stage{width:780px;min-width:0;margin:10px auto -10px;transform:scale(.92)}.yanxi-affiliation{position:static;width:min(100% - 60px,1240px);margin:0 auto;text-align:right;padding-top:8px}.yanxi-hero-copy h1{white-space:normal}.yanxi-home-status{margin-bottom:5px}
}
@media(max-width:760px){
 .nav{height:68px!important}.brand{font-size:18px!important}.brandmark{width:36px!important;height:36px!important}.nav-publish-btn{height:42px!important;padding:0 13px!important;font-size:13px!important}.nav-plus{display:none}.top-account-chip{height:42px!important;padding:0 10px!important}.top-account-chip b{font-size:12px}.yanxi-ui-hero{padding-top:24px!important}.yanxi-hero-shell{width:calc(100% - 28px)}.yanxi-hero-copy h1{font-size:43px;line-height:1.18;margin-top:24px}.yanxi-hero-copy h1 span{font-size:.82em}.yanxi-hero-badge{font-size:11px;letter-spacing:.1em;height:38px;padding:0 14px}.yanxi-hero-copy>p{font-size:14px}.yanxi-hero-search{height:54px}.yanxi-hot{gap:10px 16px;flex-wrap:wrap}.yanxi-hero-actions{gap:10px}.yanxi-btn{min-width:0!important;flex:1;padding:0 12px;font-size:13px}.yanxi-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.yanxi-stat-row>div{border:0!important;padding:0!important}.yanxi-hero-stage{height:520px;width:720px;left:50%;margin-left:-360px;transform:scale(.69);transform-origin:center top;margin-bottom:-150px}.yanxi-affiliation{width:calc(100% - 28px);font-size:10px}.yanxi-home-status{font-size:10px}.yanxi-home-status>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.guest-user-icon{position:relative!important;font-size:0!important;background:#f3f7ff!important}
.guest-user-icon:before{content:"";position:absolute;left:50%;top:7px;width:7px;height:7px;margin-left:-4.5px;border:1.8px solid #164b9b;border-radius:50%}
.guest-user-icon:after{content:"";position:absolute;left:50%;bottom:6px;width:13px;height:7px;margin-left:-7.4px;border:1.8px solid #164b9b;border-bottom:0;border-radius:8px 8px 2px 2px}

/* ========================================================================== */
/* v2.7.0-ui3 — unified Yanxi blue/white visual system                          */
/* UI-only override: no routing/data/server behavior changes                   */
/* ========================================================================== */
:root{
  --yx-bg:#f7faff;
  --yx-bg-soft:#eef4ff;
  --yx-bg-softer:#f4f8ff;
  --yx-card:rgba(255,255,255,.94);
  --yx-card-solid:#fff;
  --yx-navy:#0b2858;
  --yx-navy-2:#153b78;
  --yx-blue:#1764e8;
  --yx-blue-2:#0d52cf;
  --yx-blue-soft:#eaf2ff;
  --yx-line:#dbe7f7;
  --yx-line-2:#cdddf3;
  --yx-muted:#627795;
  --yx-muted-2:#8194af;
  --yx-shadow:0 16px 40px rgba(31,78,148,.075);
  --yx-shadow-hover:0 24px 58px rgba(31,78,148,.12);
  --yx-radius:20px;
  --paper:var(--yx-bg);
  --mist:var(--yx-bg-soft);
  --text:var(--yx-navy);
  --muted:var(--yx-muted);
  --line:var(--yx-line);
  --blue:var(--yx-blue);
}
html{background:var(--yx-bg)}
body{
  color:var(--yx-navy);
  background:
    radial-gradient(circle at 84% 7%,rgba(77,139,255,.09),transparent 25%),
    linear-gradient(180deg,#fbfdff 0%,var(--yx-bg) 38%,#f4f8ff 100%);
}
::selection{background:#d8e7ff;color:var(--yx-navy)}
:focus-visible{outline:2px solid rgba(23,100,232,.38);outline-offset:2px}
.shell{width:min(1240px,calc(100% - 48px))}

/* Global controls */
.btn,
.layout-tools button,.link-button,
.custom-select-trigger,
.toolbar-select .custom-select-trigger,
.journal-tools input,
.filters input,
.form input,.form textarea,.form select,
.community-compose-form input[type=text],.community-compose-form input:not([type]),.community-compose-form textarea,.community-compose-form select,.timeline-fields input,
.account-form input,.account-form textarea,.account-form select,
.profile-form input,.profile-form textarea,.profile-form select,
.official-meta-form input,.official-meta-form textarea,.official-meta-form select,
.official-version-upload input,.official-version-upload textarea,.official-version-upload select{
  border-color:var(--yx-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--yx-navy)!important;
  box-shadow:0 8px 22px rgba(31,78,148,.035);
}
.btn{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px);border-color:#bfd3f1!important;box-shadow:0 10px 24px rgba(31,78,148,.08)}
.btn.primary,.detail-v2 .btn.primary,.classic-admin-table-row .primary-small,.account-submit{
  color:#fff!important;
  border-color:#0f4aaf!important;
  background:linear-gradient(180deg,#1b67db 0%,#0d459d 100%)!important;
  box-shadow:0 9px 22px rgba(17,78,174,.16)!important;
}
.btn.primary:hover,.detail-v2 .btn.primary:hover,.classic-admin-table-row .primary-small:hover,.account-submit:hover{box-shadow:0 13px 28px rgba(17,78,174,.22)!important}
input:focus,textarea:focus,select:focus,.custom-select.open>.custom-select-trigger{
  border-color:#8db5ef!important;
  box-shadow:0 0 0 4px rgba(23,100,232,.08)!important;
  outline:0!important;
}
.custom-select-menu,.account-popover,.top-account-popover{
  background:rgba(255,255,255,.98)!important;
  border-color:var(--yx-line)!important;
  box-shadow:0 18px 44px rgba(31,78,148,.13)!important;
}
.custom-select-menu button:hover,.custom-select-menu button.active{background:var(--yx-blue-soft)!important;color:var(--yx-navy)!important}

/* Shared page backgrounds / hero language */
.refined-library-page,.classic-journal-page,.detail-v2,.community-page,.community-d-page,.my-skills-page,.account-center-page,.account-member-page,.account-page{
  background:linear-gradient(180deg,#f9fbff 0%,#f4f8ff 100%)!important;
  color:var(--yx-navy)!important;
}
.refined-library-hero,.classic-journal-head,.detail-v2-hero,.simple-hero,.my-skills-hero,.account-member-hero,.journal-community-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 15%,rgba(91,147,255,.13),transparent 30%),
    linear-gradient(135deg,#fbfdff 0%,#f5f9ff 48%,#edf4ff 100%)!important;
  border-bottom:1px solid rgba(41,93,164,.08)!important;
  color:var(--yx-navy)!important;
}
.refined-library-hero:after,.classic-journal-head:after,.detail-v2-hero:after,.simple-hero:after,.my-skills-hero:after,.account-member-hero:after,.journal-community-hero:after{
  content:"";position:absolute;right:-110px;top:-170px;width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(50,111,214,.08);box-shadow:0 0 0 70px rgba(72,128,230,.025),0 0 0 140px rgba(72,128,230,.016);pointer-events:none
}
.refined-library-hero>.shell,.classic-journal-head>.shell,.detail-v2-hero>.shell,.simple-hero>.shell,.my-skills-hero>.shell,.account-member-hero>.shell,.journal-community-hero>.shell{position:relative;z-index:1}
.eyebrow,.darktext,.account-kicker,.side-kicker{
  color:#3563a3!important;
  letter-spacing:.16em!important;
  font-weight:800!important;
}
.refined-library-hero .hero-headline h1,.classic-journal-title-row h1,.detail-v2-copy h1,.simple-hero h1,.my-skills-hero h1,.journal-community-title h1,.account-member-hero h1{
  color:var(--yx-navy)!important;
}
.refined-library-hero .hero-headline p,.classic-journal-title-row p,.detail-v2-lead,.simple-hero p,.my-skills-hero p,.journal-community-title p,.account-member-hero p{
  color:var(--yx-muted)!important;
}

/* Homepage modules: same luminous blue-white family */
.capability-band,.discipline-band,.feature-band,.community-home-band,.quality-band,.source-band{
  color:var(--yx-navy)!important;
  border-top:1px solid rgba(58,103,171,.055)!important;
  border-bottom:1px solid rgba(58,103,171,.055)!important;
}
.capability-band{background:linear-gradient(180deg,#f7faff,#edf4ff)!important}
.discipline-band{background:#f9fbff!important}
.feature-band{background:linear-gradient(180deg,#f4f8ff,#fbfdff)!important}
.community-home-band{background:linear-gradient(180deg,#eef4ff,#f7faff)!important}
.quality-band{background:linear-gradient(180deg,#f9fbff,#edf4ff)!important}
.source-band{background:linear-gradient(180deg,#f1f6ff,#f8fbff)!important}
.section-head h2,.section-head.inverse h2{color:var(--yx-navy)!important}
.section-head p,.section-head.inverse p{color:var(--yx-muted)!important}
.section-head span,.section-head.inverse span,.section-head a,.section-head.inverse a{color:#5676a7!important}
.cap-tile,.discipline-pill,.skill-card,.quality-tile,.source-row button,.community-home-card,.community-home-grid article{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--yx-line)!important;
  color:var(--yx-navy)!important;
  box-shadow:var(--yx-shadow)!important;
}
.cap-tile:hover,.discipline-pill:hover,.skill-card:hover,.quality-tile:hover,.source-row button:hover,.community-home-card:hover,.community-home-grid article:hover{
  transform:translateY(-4px)!important;
  border-color:#bfd5f4!important;
  box-shadow:var(--yx-shadow-hover)!important;
}
.cap-tile span,.cap-tile small,.discipline-pill,.skill-card p,.skill-foot,.community-home-card p,.community-home-card-foot{color:var(--yx-muted)!important}
.cap-tile strong,.skill-card h3,.community-home-card h3{color:var(--yx-navy)!important}
.cap-tile.violet,.cap-tile.rose,.cap-tile.cyan,.cap-tile.blue,.cap-tile.amber,.cap-tile.indigo,.cap-tile.emerald,.cap-tile.slate,.cap-tile.teal,.cap-tile.pink{box-shadow:inset 0 3px #2b73e7,var(--yx-shadow)!important}
.skill-card:before,.skill-card.accent-violet:before,.skill-card.accent-rose:before,.skill-card.accent-cyan:before,.skill-card.accent-blue:before,.skill-card.accent-amber:before,.skill-card.accent-indigo:before,.skill-card.accent-emerald:before,.skill-card.accent-teal:before,.skill-card.accent-pink:before{background:linear-gradient(90deg,#6ba8ff,#1764e8)!important}
.source-badge,.tag-row span,.discipline-pill b,.classic-journal-tags span,.community-home-tags span,.community-d-post-tags span,.community-tags span,.detail-v2-tags>span:not(.quality-badge){background:#f0f5ff!important;border-color:#dae7f8!important;color:#52709c!important}
.quality-tile.verified,.quality-tile.curated,.quality-tile.indexed,.quality-detail.verified,.quality-detail.curated,.quality-detail.indexed,.legend-item.verified,.legend-item.curated,.legend-item.indexed{
  background:rgba(255,255,255,.96)!important;color:var(--yx-navy)!important;border-color:var(--yx-line)!important
}
.quality-tile.verified p,.legend-item.verified span,.quality-detail.verified p{color:var(--yx-muted)!important}
.quality-tile.verified{box-shadow:inset 0 3px #1764e8,var(--yx-shadow)!important}
.quality-tile.curated{box-shadow:inset 0 3px #64a0f5,var(--yx-shadow)!important}
.quality-tile.indexed{box-shadow:inset 0 3px #9cb8de,var(--yx-shadow)!important}

/* Open library */
.metric-lite,.refined-filters,.refined-library-main .library-toolbar,.quality-legend.refined,.refined-library-main .skill-card{
  background:rgba(255,255,255,.94)!important;border-color:var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.metric-lite strong,.toolbar-title b{color:var(--yx-navy)!important}
.refined-library-shell{background:transparent!important}
.refined-filters{border-radius:20px!important}
.filter-btn{border-radius:10px!important;color:#607595!important}
.filter-btn:hover,.filter-btn.active{background:var(--yx-blue-soft)!important;color:#124b9d!important}
.tier-tabs button{border-color:var(--yx-line)!important;background:#fff!important;color:#577092!important}
.tier-tabs button.active{background:#174f9f!important;border-color:#174f9f!important;color:#fff!important;box-shadow:0 7px 18px rgba(24,82,170,.15)}
.view-toggle{background:#fff!important;border-color:var(--yx-line)!important}.view-toggle button.active{background:#174f9f!important;color:#fff!important}
.quality-badge.verified{background:#e8f1ff!important;border-color:#cfe0f7!important;color:#1559bd!important}
.quality-badge.curated{background:#f1f5fb!important;border-color:#dde7f5!important;color:#4e6d98!important}
.quality-badge.indexed{background:#f8faff!important;border-color:#e2eaf5!important;color:#7185a1!important}

/* C-journal */
.classic-journal-card,.journal-community-metrics{
  background:rgba(255,255,255,.95)!important;border-color:var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.classic-journal-card:hover{border-color:#bed5f4!important;box-shadow:var(--yx-shadow-hover)!important}
.classic-journal-card h3{color:var(--yx-navy)!important}.classic-journal-card p,.classic-journal-foot,.journal-summary-line{color:var(--yx-muted)!important}
.official-chip{background:#eaf2ff!important;color:#1558b8!important}.status-chip.live{background:#edf7f3!important;color:#3c7b65!important}
.journal-tools input,.journal-tools .custom-select-trigger{height:56px!important;border-radius:13px!important}

/* Detail */
.detail-v2{background:linear-gradient(180deg,#f8fbff,#f3f7fd)!important}
.detail-v2-profile,.detail-v2-section,.detail-v2-side-card,.journal-current-release,.journal-version-item{
  background:rgba(255,255,255,.95)!important;border-color:var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.detail-v2-section-head>span{background:#eaf2ff!important;color:#1764e8!important}
.detail-v2-section h2,.detail-v2-section h3,.detail-v2-side-card h3,.detail-v2-profile dd{color:var(--yx-navy)!important}
.detail-v2-section p,.detail-v2-side-card p,.detail-v2-profile dt{color:var(--yx-muted)!important}
.detail-v2-side{top:96px}

/* Community */
.community-d-wrap{background:transparent!important}
.community-d-hero{
  background:radial-gradient(circle at 88% 18%,rgba(87,144,255,.14),transparent 26%),linear-gradient(135deg,#fbfdff,#edf4ff)!important;
  color:var(--yx-navy)!important;border:1px solid var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.community-d-hero:after{border-color:rgba(36,96,195,.08)!important;box-shadow:0 0 0 52px rgba(36,96,195,.022),0 0 0 104px rgba(36,96,195,.014)!important}
.community-d-hero .eyebrow{color:#3d6ca9!important}.community-d-hero h1{color:var(--yx-navy)!important}.community-d-hero p{color:var(--yx-muted)!important}
.community-d-post,.community-d-side-card,.community-post-detail,.community-post-rail>section,.community-rule-card,.journal-info-rail,.community-compose-form{
  background:rgba(255,255,255,.95)!important;border-color:var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.community-d-post:hover{border-color:#bed5f4!important;box-shadow:var(--yx-shadow-hover)!important}
.community-d-post h3,.community-post-detail h1,.community-d-side-card h3,.post-journal-card h3{color:var(--yx-navy)!important}
.community-d-tabs a.active,.community-tabs a.active{background:#174f9f!important;color:#fff!important;border-color:#174f9f!important}
.community-d-tabs a,.community-tabs a{border-color:var(--yx-line)!important;background:#fff!important;color:#5c7191!important}
.community-d-search,.comment-compose textarea{background:#fff!important;border-color:var(--yx-line)!important}
.anonymous-row,.timeline-fields{background:#f5f8fd!important;border-color:var(--yx-line)!important}

/* My Skills / account / admin */
.my-skills-grid>article,.my-skills-side>section,.my-skills-stats>div,.account-identity-card,.account-center-main,.account-center-side>section,.integrated-admin-card,.integrated-admin-overview>div,.official-manager-panel,.classic-admin-panel,.classic-admin-stat,.admin-user-table,.official-journal-table{
  background:rgba(255,255,255,.95)!important;border-color:var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.account-center-nav a.active{background:#eaf2ff!important;color:#1558b8!important;border-color:#cfe0f7!important}
.account-auth-wrap{background:linear-gradient(180deg,#f8fbff,#f2f7ff)!important}
.account-auth-card{border:1px solid var(--yx-line)!important;box-shadow:0 24px 64px rgba(31,78,148,.12)!important}
.account-auth-brand{
  background:radial-gradient(circle at 82% 15%,rgba(72,132,240,.14),transparent 34%),linear-gradient(145deg,#f8fbff 0%,#edf4ff 100%)!important;
  color:var(--yx-navy)!important;border-right:1px solid var(--yx-line)!important
}
.account-auth-brand:after{border-color:rgba(29,91,190,.08)!important;box-shadow:0 0 0 42px rgba(29,91,190,.024),0 0 0 84px rgba(29,91,190,.015)!important}
.account-auth-brand h1{color:var(--yx-navy)!important}.account-auth-brand p{color:var(--yx-muted)!important}.account-auth-brand>small{color:#7890b0!important}
.account-auth-panel{background:#fff!important}
.integrated-admin-overview strong,.classic-admin-stat strong,.my-skills-stats b{color:var(--yx-navy)!important}
.classic-admin-table-head,.official-journal-head{background:#f0f5ff!important;color:#60779a!important}
.classic-admin-table-row,.official-journal-row{border-color:#e5edf8!important}

/* Publish + guide */
.simple-hero{padding:58px 0 34px!important}
.simple-hero h1{font-size:52px!important;letter-spacing:-.045em!important;margin:8px 0 12px!important}
.form-shell .panel,.guide-card,.guide-notes div{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--yx-line)!important;box-shadow:var(--yx-shadow)!important
}
.guide-notes div{background:#f1f6ff!important}

/* Closing section: remove dark block, continue homepage first-screen palette */
.closing-band,.closing-band-v2{
  background:
    radial-gradient(circle at 78% 20%,rgba(73,132,240,.13),transparent 26%),
    linear-gradient(135deg,#edf4ff 0%,#f8fbff 55%,#eef5ff 100%)!important;
  color:var(--yx-navy)!important;border-top:1px solid rgba(48,100,177,.08)!important
}
.closing-band .journal-cta-head h2,.closing-band-v2 h2,.closing-copy h2,.closing-brand h3{color:var(--yx-navy)!important}
.closing-band .journal-cta-head p,.closing-band-v2 p,.closing-copy p,.closing-meta,.closing-footer-inner{color:var(--yx-muted)!important}
.closing-band .journal-cta-card.flatter,.closing-card{
  background:rgba(255,255,255,.94)!important;border:1px solid var(--yx-line)!important;box-shadow:var(--yx-shadow)!important;color:var(--yx-navy)!important
}
.closing-band .journal-cta-card.flatter h3,.closing-card h3{color:var(--yx-navy)!important}
.closing-band .journal-cta-discipline{color:#5273a1!important}.closing-band .journal-cta-tags b{background:#edf4ff!important;color:#315f9b!important}
.closing-link{color:#1558b8!important}

/* Small consistency details */
.top-account-chip,.nav-publish-btn{transition:transform .18s ease,box-shadow .18s ease}.top-account-chip:hover,.nav-publish-btn:hover{transform:translateY(-1px)}
.sync-panel{background:#fff!important;border-color:var(--yx-line)!important;color:var(--yx-muted)!important;box-shadow:var(--yx-shadow)!important}.sync-panel b,.sync-panel button{color:var(--yx-navy)!important}
.empty,.empty-page{color:var(--yx-muted)}
.toast{background:#0d3473!important;color:#fff!important;box-shadow:0 18px 42px rgba(10,51,114,.24)!important}

@media(max-width:900px){
  .shell{width:min(100% - 32px,1240px)}
  .simple-hero h1{font-size:42px!important}
}


/* v2.7.0-ui4 — micro-polish: remove floating white helper chips/arrows, refine toolbar/details */
.yanxi-hero-stage{height:642px}
.hero-carousel-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-carousel-card.slot-left{transform:translate3d(96px,52px,0) rotate(-2deg) scale(.89);opacity:.96}
.hero-carousel-card.slot-center{transform:translate3d(314px,-12px,0) rotate(.2deg) scale(1.135)}
.hero-carousel-card.slot-right{transform:translate3d(532px,52px,0) rotate(2deg) scale(.89);opacity:.96}
.hero-carousel-card.exit-right{transform:translate3d(714px,62px,0) rotate(4deg) scale(.8)!important}
.hero-carousel-card.exit-left{transform:translate3d(-106px,62px,0) rotate(-4deg) scale(.8)!important}
.yanxi-carousel-dots{bottom:34px;padding:0 16px;height:40px;background:rgba(255,255,255,.78);border-color:#e3ebf8;box-shadow:0 12px 24px rgba(49,93,154,.05)}
.yanxi-carousel-dots button{width:8px;height:8px;background:#c1ccdc}
.yanxi-carousel-dots button.active{width:18px;border-radius:999px;background:#1563df}

.refined-library-main .library-toolbar.refined{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px 18px;border:1px solid rgba(202,217,240,.9);border-radius:18px;
  background:rgba(255,255,255,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(51,91,151,.05)
}
.refined-library-main .toolbar-title{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:128px}
.refined-library-main .toolbar-title b{font-size:34px;line-height:1;letter-spacing:-.04em;color:#0d2b5e}
.refined-library-main .toolbar-title span{font-size:13px;color:#72839d}
.refined-library-main .toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.toolbar-select{min-width:180px}
.toolbar-select .custom-select-trigger{
  height:50px;min-width:180px;padding:0 16px;border-radius:14px;font-size:14px;
  border:1px solid #d8e4f4;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)
}
.toolbar-select .custom-select-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toolbar-select .custom-select-menu{border-radius:16px;border:1px solid #dde8f7;box-shadow:0 16px 36px rgba(42,85,144,.08);background:rgba(255,255,255,.97)}
.view-toggle{display:flex;align-items:center;height:50px;padding:4px;border:1px solid #d8e4f4;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.view-toggle button{width:50px;height:42px;border-radius:10px;border:0;background:transparent;color:#4f6587;font-size:18px}
.view-toggle button.active{background:linear-gradient(180deg,#1d60d6,#124cab);color:#fff;box-shadow:0 8px 18px rgba(29,96,214,.2)}
.quality-legend.refined{margin-top:16px}
.active-filters{gap:8px}
.active-filters span{background:#f6f9ff;border:1px solid #dce7f7;color:#31558b;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:650}

.refined-filters .filter-title{margin-bottom:12px}
.refined-filters label input,.refined-filters .filter-btn{background:rgba(255,255,255,.88)}
.refined-filters .filter-btn{border-color:#dbe6f6}
.refined-filters .filter-btn:hover{border-color:#bfd3f1;background:#fff}

.metric-lite{background:rgba(255,255,255,.78);border:1px solid rgba(210,223,243,.9);box-shadow:0 12px 26px rgba(44,89,149,.04)}
.sync-panel{background:rgba(255,255,255,.78);border-color:#dce6f6;box-shadow:0 12px 26px rgba(44,89,149,.04)}

@media(max-width:760px){
  .refined-library-main .library-toolbar.refined{padding:12px 12px;gap:12px}
  .refined-library-main .toolbar-title{min-width:auto;width:100%}
  .refined-library-main .toolbar-title b{font-size:28px}
  .refined-library-main .toolbar-controls{width:100%;justify-content:stretch}
  .toolbar-select{min-width:unset;flex:1 1 calc(50% - 8px)}
  .toolbar-select .custom-select-trigger{width:100%;min-width:unset;height:46px}
  .view-toggle{margin-left:auto}
}


/* v2.7.0-ui5 — fix C刊下拉遮挡 + ensure brand text contrast */
.classic-journal-head{position:relative;z-index:25;overflow:visible!important}
.classic-journal-head>.shell,.journal-tools,.journal-discipline-select,.custom-select{position:relative}
.classic-journal-head>.shell,.journal-tools,.journal-discipline-select,.custom-select{z-index:26}
.classic-journal-content{position:relative;z-index:1}
.custom-select.open{z-index:80}
.custom-select.open .custom-select-menu{z-index:120;display:block}
.journal-tools{overflow:visible!important}
.brand span,.brand span b,.nav .brand span,.nav .brand b{color:#0b2049!important}
.closing-brand b,.footer-brand b{color:var(--yx-navy)!important}
.closing-brand span,.footer-brand span{color:var(--yx-muted)!important}


/* v2.7.0-ui6 — remove journal summary strip; clarify hero headline and right card */
.classic-journal-content{padding-top:8px!important}
.journal-summary-line{display:none!important}

/* 首页主标题：避免“源”字裁切 */
.yanxi-hero-copy h1{overflow:visible!important;line-height:1.22!important;padding-right:16px!important}
.yanxi-hero-copy h1 em{padding-right:.08em!important;padding-left:.02em!important;line-height:1.08!important}

/* 右侧轮播卡片：让右侧卡更清晰，减少糊感与遮挡 */
.hero-carousel-card{background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(248,251,255,.985))!important;border-color:#dbe7f6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-carousel-card.slot-left{transform:translate3d(88px,54px,0) rotate(-1.3deg) scale(.90)!important;opacity:.98!important;z-index:4!important}
.hero-carousel-card.slot-center{transform:translate3d(305px,-8px,0) rotate(.15deg) scale(1.12)!important;z-index:7!important}
.hero-carousel-card.slot-right{transform:translate3d(566px,42px,0) rotate(1.15deg) scale(.93)!important;opacity:.995!important;z-index:5!important}
.hero-carousel-card.exit-right{transform:translate3d(748px,56px,0) rotate(2.5deg) scale(.82)!important}
.hero-carousel-card h3{font-size:22px!important;line-height:1.18!important}
.hero-carousel-card p{font-size:13.5px!important;line-height:1.7!important;color:#576b8b!important}
.hero-card-quality h3,.hero-card-quality > strong,.hero-card-quality > small{color:#0b2858!important}

/* 轮播舞台稍微加宽一点，给右卡更多空间 */
.yanxi-hero-stage{min-width:680px!important}

@media(max-width:1200px){
  .hero-carousel-card.slot-right{transform:translate3d(548px,44px,0) rotate(1deg) scale(.92)!important}
}


/* v2.7.0-ui7 — carousel smoothing, better nav brand, unblocked dropdown, cleaner top-right controls */
.topbar .brand,.topbar .brand *{color:#0b2049!important}
.topbar .brand{gap:14px!important;font-size:20px!important;font-weight:820!important;letter-spacing:-.02em!important}
.brandmark{
  width:46px!important;height:46px!important;border-radius:15px!important;
  background:linear-gradient(180deg,#68a5ff 0%,#3774e6 58%,#2454bb 100%)!important;
  box-shadow:0 10px 24px rgba(36,89,188,.24), inset 0 1px 0 rgba(255,255,255,.32)!important;
  position:relative;overflow:hidden;font-size:24px!important;font-weight:900!important;
}
.brandmark:before{content:"";position:absolute;left:8px;right:8px;top:5px;height:40%;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}

/* Apple-ish top-right actions */
.nav-actions{gap:12px!important}
.nav-publish-btn{
  height:56px!important;padding:0 24px!important;border-radius:18px!important;
  background:linear-gradient(180deg,#2f73ef 0%,#1b58c8 100%)!important;
  border:1px solid rgba(23,83,190,.75)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(32,92,206,.22), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.nav-publish-btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(32,92,206,.26), inset 0 1px 0 rgba(255,255,255,.18)!important}
.nav-plus{width:24px!important;height:24px!important;margin-right:10px!important;background:rgba(255,255,255,.94)!important;color:#1d58c8!important;box-shadow:inset 0 0 0 1px rgba(20,74,171,.08)!important}
.top-account-chip{
  height:56px!important;padding:0 16px 0 10px!important;border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(211,224,242,.95)!important;
  box-shadow:0 8px 22px rgba(26,67,128,.08), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.top-account-avatar{background:#f4f8ff!important;border:1px solid #d8e6fa!important}

/* Remove extra pale brand text if shown in old footer/header contexts */
.footer-brand b,.closing-brand b,.brand b,.brand span{color:#0b2049!important}

/* Carousel smoother */
.hero-carousel-card{transition:transform .56s cubic-bezier(.22,.72,.2,1),opacity .32s ease,border-color .24s ease,box-shadow .24s ease!important}
.hero-carousel-card>button{pointer-events:auto!important}
.hero-carousel-card,.yanxi-carousel-dots,.yanxi-carousel-dots button{pointer-events:auto!important}
.yanxi-carousel-dots{z-index:30!important}
.yanxi-carousel-dots button{cursor:pointer!important}
.hero-carousel-card.slot-left{transform:translate3d(98px,46px,0) rotate(-1.1deg) scale(.91)!important;opacity:.985!important}
.hero-carousel-card.slot-center{transform:translate3d(312px,-10px,0) rotate(.1deg) scale(1.11)!important}
.hero-carousel-card.slot-right{transform:translate3d(572px,40px,0) rotate(1deg) scale(.92)!important;opacity:.995!important}
.hero-carousel-card.exit-right{transform:translate3d(760px,52px,0) rotate(2deg) scale(.84)!important}
.hero-carousel-card.exit-left{transform:translate3d(-112px,52px,0) rotate(-2deg) scale(.84)!important}

/* Journal dropdown should overlay content cleanly */
.classic-journal-page,.classic-journal-head,.classic-journal-title-row,.journal-tools,.journal-discipline-select{overflow:visible!important;position:relative}
.classic-journal-head{padding-bottom:36px!important;z-index:4!important}
.classic-journal-content{position:relative;z-index:1!important;padding-top:0!important}
.journal-discipline-select{z-index:120!important}
.journal-discipline-select .custom-select-menu,.toolbar-select .custom-select-menu{z-index:260!important}

/* safety: hide old summary strip */
.journal-summary-line{display:none!important}

@media(max-width:700px){
  .brandmark{width:42px!important;height:42px!important;border-radius:14px!important}
  .nav-publish-btn,.top-account-chip{height:50px!important;border-radius:16px!important}
}


/* v2.7.0-ui8 — flatter top actions + hero community card */
/* flatter, less pill-like top-right actions */
.nav-publish-btn{
  height:52px!important;padding:0 22px!important;border-radius:14px!important;
  background:#1f61d1!important;
  border:1px solid #1a58c0!important;
  color:#fff!important;
  box-shadow:0 2px 8px rgba(29,83,173,.14)!important;
}
.nav-publish-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 14px rgba(29,83,173,.16)!important;background:#1c5bc4!important}
.nav-plus{background:#ffffff!important;color:#1d58c8!important;box-shadow:none!important}
.top-account-chip{
  height:52px!important;padding:0 16px 0 10px!important;border-radius:14px!important;
  background:#fff!important;border:1px solid #dbe4f1!important;
  box-shadow:0 1px 4px rgba(26,67,128,.08)!important;
}
.top-account-chip:hover{box-shadow:0 4px 12px rgba(26,67,128,.10)!important}
.top-account-avatar{background:#f7f9fd!important;border:1px solid #dfe7f4!important}

/* community hero card tweaks */
.hero-card-community h3,.hero-card-community > strong,.hero-card-community > small{color:#0b2858!important}
.hero-card-community p{color:#5d7090!important}
.hero-card-community .hero-card-icon svg{stroke:#1b6ff0!important}

@media(max-width:700px){
  .nav-publish-btn,.top-account-chip{height:46px!important;border-radius:12px!important}
}


/* v2.7.0-ui9 — pure flat buttons */
.btn,
.btn.primary,
.btn.light,
.btn.line-light,
.btn.ghost.dark,
.nav-publish-btn,
.top-account-chip,
.yanxi-btn,
.yanxi-btn-primary,
.yanxi-btn-secondary,
.detail-v2 .btn,
.community-post-toolbar button,
.community-post-toolbar a,
.compose-actions .btn,
.journal-community-links .btn,
.post-journal-card .btn{
  box-shadow:none!important;
  background-image:none!important;
  text-shadow:none!important;
}

.btn,
.yanxi-btn,
.yanxi-btn-secondary,
.top-account-chip{
  background:#ffffff!important;
  border:1px solid #d9e4f2!important;
  color:#0f2b5b!important;
  border-radius:12px!important;
}

.btn.primary,
.nav-publish-btn,
.yanxi-btn-primary,
.detail-v2 .btn.primary,
.account-submit{
  background:#1f61d1!important;
  border:1px solid #1a58c0!important;
  color:#ffffff!important;
  border-radius:12px!important;
}

.btn:hover,
.btn.primary:hover,
.nav-publish-btn:hover,
.top-account-chip:hover,
.yanxi-btn:hover,
.yanxi-btn-primary:hover,
.yanxi-btn-secondary:hover,
.detail-v2 .btn:hover,
.community-post-toolbar button:hover,
.community-post-toolbar a:hover{
  transform:none!important;
  box-shadow:none!important;
}

.nav-publish-btn{
  height:50px!important;
  padding:0 20px!important;
  font-weight:700!important;
}
.nav-plus{
  background:#ffffff!important;
  color:#1f61d1!important;
  box-shadow:none!important;
}
.top-account-chip{
  height:50px!important;
  padding:0 15px 0 10px!important;
}
.top-account-avatar{background:#f5f8fd!important;border:1px solid #dfe8f5!important}

.yanxi-btn-primary{min-width:234px!important}
.yanxi-btn-secondary{min-width:208px!important}
.yanxi-btn-primary,.yanxi-btn-secondary{height:64px!important}

@media(max-width:700px){
  .nav-publish-btn,.top-account-chip{height:44px!important;border-radius:10px!important}
  .yanxi-btn-primary,.yanxi-btn-secondary{height:52px!important}
}


/* v2.7.0-ui10 — account chip shadow belongs to the button, never the avatar */
.top-account-avatar,
.guest-user-icon{
  box-shadow:none!important;
  filter:none!important;
}
.top-account-chip{
  box-shadow:0 2px 8px rgba(20,58,112,.08)!important;
}
.top-account-chip:hover{
  box-shadow:0 3px 10px rgba(20,58,112,.10)!important;
}


/* v2.7.0-ui11 — lower hero badge and simplify hero-stage background */
.yanxi-ui-hero{
  padding-top:58px!important;
}
.yanxi-hero-copy{
  padding-top:8px!important;
}
.yanxi-hero-badge{
  margin-top:0!important;
  position:relative;
  z-index:2;
}

/* simplify the right-side decorative background */
.yanxi-hero-glow{
  background:radial-gradient(circle,rgba(84,139,255,.10),transparent 68%)!important;
  filter:blur(18px)!important;
}
.yanxi-orbit{
  border-color:rgba(98,144,225,.14)!important;
}
.orbit-b{
  border-color:rgba(98,144,225,.10)!important;
}
.orbit-c{
  display:none!important;
}
.yanxi-orbit i{
  width:8px!important;
  height:8px!important;
  box-shadow:0 0 8px rgba(43,120,237,.18)!important;
  opacity:.72!important;
}

/* flatter pedestal, less fancy */
.yanxi-pedestal{
  height:126px!important;
  background:radial-gradient(ellipse at center,rgba(121,170,246,.22) 0%,rgba(121,170,246,.10) 38%,rgba(255,255,255,.78) 46%,rgba(121,170,246,.12) 54%,transparent 68%)!important;
  filter:none!important;
}
.yanxi-pedestal:before{
  top:22px!important;
  height:72px!important;
  border-width:1px!important;
  border-color:rgba(88,142,229,.16)!important;
  box-shadow:none!important;
}
.yanxi-pedestal:after{
  top:38px!important;
  height:64px!important;
  border-width:1px!important;
  border-color:rgba(255,255,255,.86)!important;
  box-shadow:none!important;
}
.yanxi-pedestal span:nth-child(2),
.yanxi-pedestal span:nth-child(3){
  display:none!important;
}
.yanxi-pedestal span:nth-child(1){
  opacity:.18!important;
  filter:blur(2px)!important;
}

/* slightly plainer card icon too */
.hero-card-icon{
  background:#f6f9fe!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  .yanxi-ui-hero{padding-top:34px!important}
}


/* v2.7.0-ui12 — smoother hero carousel with fade-out and no empty side gap */
.hero-carousel-card{
  transition:transform .62s cubic-bezier(.22,.76,.22,1),opacity .52s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.hero-carousel-ghost{pointer-events:none!important}
.hero-carousel-card.enter-left{transform:translate3d(-76px,58px,0) rotate(-2deg) scale(.82)!important;opacity:0!important;z-index:2!important}
.hero-carousel-card.enter-right{transform:translate3d(760px,58px,0) rotate(2deg) scale(.82)!important;opacity:0!important;z-index:2!important}
.hero-carousel-card.exit-right{transform:translate3d(760px,58px,0) rotate(2deg) scale(.82)!important;opacity:0!important;z-index:2!important}
.hero-carousel-card.exit-left{transform:translate3d(-76px,58px,0) rotate(-2deg) scale(.82)!important;opacity:0!important;z-index:2!important}
.hero-carousel-card.slot-left{transform:translate3d(96px,44px,0) rotate(-1deg) scale(.91)!important;opacity:.985!important}
.hero-carousel-card.slot-center{transform:translate3d(312px,-6px,0) rotate(.08deg) scale(1.11)!important}
.hero-carousel-card.slot-right{transform:translate3d(536px,44px,0) rotate(1deg) scale(.91)!important;opacity:.985!important}
@media(max-width:1200px){
  .hero-carousel-card.slot-right{transform:translate3d(520px,46px,0) rotate(1deg) scale(.90)!important}
  .hero-carousel-card.enter-right,.hero-carousel-card.exit-right{transform:translate3d(724px,58px,0) rotate(2deg) scale(.82)!important}
}


/* v2.7.0-ui13 — remove harsh white gradients from hero decorative dots/pedestal */
.yanxi-hero-glow{
  background:radial-gradient(circle,rgba(77,130,222,.08),rgba(77,130,222,.03) 42%,transparent 70%)!important;
  filter:blur(16px)!important;
}
.yanxi-orbit i{
  background:radial-gradient(circle at 35% 35%,#6aa9ff 0%,#4187f2 58%,#2e6fd9 100%)!important;
  box-shadow:0 0 6px rgba(58,116,219,.14)!important;
  opacity:.68!important;
}
.yanxi-pedestal{
  background:radial-gradient(ellipse at center,rgba(96,146,232,.18) 0%,rgba(104,153,236,.10) 36%,rgba(89,141,228,.12) 52%,rgba(83,136,226,.06) 62%,transparent 72%)!important;
}
.yanxi-pedestal:before{
  border-color:rgba(86,138,224,.14)!important;
}
.yanxi-pedestal:after{
  border-color:rgba(99,149,232,.12)!important;
}
.yanxi-pedestal span:nth-child(1){
  background:linear-gradient(90deg,transparent,rgba(44,111,221,.55),transparent)!important;
  opacity:.14!important;
}


/* v2.7.0-ui14 — audit contrast on account auth page */
.account-auth-brand{
  background:radial-gradient(circle at 82% 15%,rgba(72,132,240,.15),transparent 34%),linear-gradient(145deg,#f7fbff 0%,#eef4ff 100%)!important;
  color:#10294f!important;
}
.account-kicker,
.account-auth-head>span{
  color:#5b7598!important;
}
.account-auth-brand h1,
.account-auth-head h2{
  color:#0f2b5b!important;
}
.account-auth-brand p,
.account-auth-head p,
.auth-message,
.account-browse-note p,
.account-form-meta .remember-row,
.account-form-meta .remember-row span,
.account-form label>span,
.account-browse-note a,
.account-auth-brand>small{
  color:#607796!important;
}
.account-benefits{
  border-top:1px solid rgba(85,126,178,.16)!important;
  border-bottom:1px solid rgba(85,126,178,.16)!important;
}
.account-benefits div{
  color:#496583!important;
}
.account-benefits b{
  color:#6c86a6!important;
}
.account-auth-brand:after{
  border-color:rgba(84,132,204,.10)!important;
  box-shadow:0 0 0 42px rgba(84,132,204,.025),0 0 0 84px rgba(84,132,204,.015)!important;
}
.account-browse-note>span{
  background:#eef4ff!important;
  color:#43658e!important;
}
.auth-switch button{color:#647d9b!important}
.auth-switch button.active{color:#173557!important}
.account-form input::placeholder{color:#a2afbf!important;opacity:1}


/* v2.7.0-ui15 — apply approved Yanxi Skills geometric Y logo */
.topbar .brand{
  gap:11px!important;
  color:#0b2049!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.topbar .brandmark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.topbar .brandmark:before{display:none!important}
.topbar .brandmark img{
  display:block;
  width:38px;
  height:38px;
  object-fit:contain;
}
.topbar .brandword{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  color:#0b2049!important;
  font-size:20px;
  line-height:1;
  white-space:nowrap;
}
.topbar .brandword b{
  color:#0b2049!important;
  font-weight:800!important;
}
@media(max-width:700px){
  .topbar .brandmark{width:36px!important;height:36px!important;min-width:36px!important}
  .topbar .brandmark img{width:34px;height:34px}
  .topbar .brandword{font-size:18px}
}


/* v2.7.0-ui16 — refine approved Yanxi Y mark */
.topbar .brandmark img{
  width:40px!important;
  height:40px!important;
}
@media(max-width:700px){
  .topbar .brandmark img{width:36px!important;height:36px!important}
}


/* v2.7.0-ui21 · Zhiyan unified account */
.unified-login-btn{width:100%;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:1px 12px;align-items:center;text-align:left;border:1px solid #d8e4f4;background:#fff;color:#0d2d5b;border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:none;transition:border-color .16s ease,background .16s ease}
.unified-login-btn:hover{border-color:#9fc1f2;background:#f8fbff}
.unified-login-mark{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#1768db;color:#fff;font-weight:800;font-size:15px}
.unified-login-btn b{font-size:14px;line-height:1.3}.unified-login-btn small{color:#7187a4;font-size:11px;line-height:1.35}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#8a9cb3;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e4ebf4}
.email-code-row{display:grid;grid-template-columns:1fr 112px;gap:8px}.email-code-row button{border:1px solid #d7e3f2;background:#f7faff;color:#1459b8;border-radius:9px;font-weight:700;cursor:pointer}.email-code-row button:disabled{opacity:.55;cursor:default}
.identity-managed-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:13px 15px;border:1px solid #dce7f5;background:#f7faff;border-radius:10px;color:#506b8d}.identity-managed-note b{color:#123d77;white-space:nowrap}.identity-managed-note span{font-size:12px;line-height:1.65}
.profile-form input[readonly]{background:#f4f7fb;color:#60728b;border-color:#e1e7ef;cursor:not-allowed}
.unified-security-card p{color:#637994;line-height:1.7;margin:8px 0 18px}.unified-rule-note{border-color:#dce7f5!important;background:#f8fbff!important}


/* v2.7.0-ui23 · paid self-developed Skill downloads */
.skill-download-price-note{margin-top:10px;max-width:680px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:#71839c;font-size:11px;line-height:1.65}
.skill-download-price-note b{color:#31577f;font-size:11.5px;font-weight:700;white-space:nowrap}
.skill-download-price-note small{font-size:11px;color:#8391a5}
.journal-current-release .btn.primary,.journal-version-actions .btn{white-space:nowrap}
@media(max-width:700px){.skill-download-price-note{display:block}.skill-download-price-note b,.skill-download-price-note small{display:block}.skill-download-price-note small{margin-top:3px}}

/* v2.7.0-ui28 — 开源/自研 Skill 下载费用说明统一上下两行排版 */
.skill-download-price-note{
  display:block!important;
  align-items:initial!important;
  gap:0!important;
  flex-wrap:initial!important;
}
.skill-download-price-note b,
.skill-download-price-note small{
  display:block!important;
}
.skill-download-price-note small{
  margin-top:8px!important;
}


/* v2.7.0-ui30 — compact academic / institutional support band */
.institution-support-section{
  padding:46px 0 44px;
  background:#f6f9fd;
  border-top:1px solid #e6edf6;
}
.institution-support-shell{max-width:1220px}
.institution-support-head{margin:0 0 24px;max-width:none}
.institution-support-head>span,.institution-kicker,.yanxi-about-intro>span,.yanxi-about-sections>section>span{
  display:block;color:#6f85a4;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.institution-support-head h2{margin:7px 0 0;color:#0e2b56;font-size:27px;letter-spacing:-.03em;line-height:1.2}
.institution-support-band{border-top:1px solid #dfe8f2;border-bottom:1px solid #dfe8f2}
.institution-builders-row{display:grid;grid-template-columns:126px 1fr;align-items:stretch}
.institution-builders-row>.institution-kicker{display:flex;align-items:center;padding:22px 24px 22px 0;color:#5f7899;letter-spacing:.1em}
.institution-builder-list{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;border-left:1px solid #e1e9f3}
.institution-builder-item{display:flex;align-items:center;min-height:68px;padding:18px 28px;border-right:1px solid #e1e9f3}
.institution-builder-item:last-child{border-right:0}
.institution-builder-item b{color:#163660;font-size:16px;font-weight:720;line-height:1.45;letter-spacing:-.01em}
.institution-project-row{display:grid;grid-template-columns:270px minmax(0,1fr) 140px;align-items:center;gap:28px;padding:20px 0;border-top:1px solid #dfe8f2}
.institution-project-meta{display:flex;align-items:center;gap:11px;min-width:0}
.institution-project-badge{display:inline-flex;align-items:center;height:27px;padding:0 10px;border-radius:5px;background:#eaf2ff;color:#245da9;font-size:10.5px;font-weight:800;white-space:nowrap}
.institution-project-meta small{color:#7185a0;font-size:10.5px;font-weight:700;white-space:nowrap}
.institution-project-row h3{margin:0;color:#183861;font-size:16.5px;line-height:1.55;font-weight:700;letter-spacing:-.01em}
.institution-project-row p{margin:0;text-align:right;color:#71839d;font-size:11px;white-space:nowrap}
.institution-project-row strong{color:#245da9;font-size:12px;letter-spacing:.05em}

.yanxi-site-footer{display:block!important;background:#0b1729!important;color:#8fa2bd!important;border-top:0!important;padding:0!important}
.yanxi-footer-shell{padding:27px 0 20px}
.yanxi-footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.08)}
.yanxi-footer-identity{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.yanxi-footer-identity b{color:#fff!important;font-size:17px;letter-spacing:-.02em}
.yanxi-footer-identity span{color:#a7b6ca;font-size:13px;font-weight:650}
.yanxi-footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.yanxi-footer-links a{color:#8fa2bd;font-size:11.5px;transition:color .18s ease}
.yanxi-footer-links a:hover{color:#fff}
.yanxi-footer-builders-line{display:flex;align-items:center;gap:16px;padding:14px 0 0}
.yanxi-footer-label{color:#657b9a;font-size:10px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.yanxi-footer-builders-line p{margin:0;color:#9babc0;font-size:11.5px;line-height:1.6}
.yanxi-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);color:#647a99;font-size:10.5px}

.yanxi-about-page{background:#fff;color:#17345f}
.yanxi-about-hero{padding:88px 0 74px;background:#f7fafe;border-bottom:1px solid #e5edf7}
.yanxi-about-hero .shell{max-width:1040px}
.yanxi-about-hero h1{margin:14px 0 8px;color:#0c2856;font-size:54px;letter-spacing:-.045em;line-height:1.08}
.yanxi-about-positioning{margin:0 0 28px;color:#2770d2;font-size:17px;font-weight:750;letter-spacing:.02em}
.yanxi-about-lead{max-width:880px;margin:0;color:#586f90;font-size:16px;line-height:2}
.yanxi-about-hero blockquote{margin:34px 0 0;padding:18px 0 0;border:0;border-top:1px solid #dbe6f3;color:#143967;font-family:"Noto Serif SC","Songti SC",serif;font-size:24px;font-weight:700}
.yanxi-about-body{max-width:1040px;padding-top:64px;padding-bottom:84px}
.yanxi-about-intro{max-width:850px;padding-bottom:48px;border-bottom:1px solid #e5ebf2}
.yanxi-about-intro h2{margin:10px 0 15px;color:#102f5d;font-size:30px;letter-spacing:-.025em}
.yanxi-about-intro p{margin:0;color:#627792;font-size:14px;line-height:1.95}
.yanxi-about-sections>section{display:grid;grid-template-columns:190px 1fr;column-gap:48px;padding:38px 0;border-bottom:1px solid #e7edf4}
.yanxi-about-sections>section>span{grid-column:1;grid-row:1 / span 4;padding-top:6px}
.yanxi-about-sections h2{grid-column:2;margin:0 0 16px;color:#0f2d58;font-size:25px}
.yanxi-about-sections h3{grid-column:2;max-width:650px;margin:0 0 10px;color:#18375f;font-size:19px;line-height:1.75}
.yanxi-about-sections p{grid-column:2;max-width:720px;margin:0;color:#657a96;font-size:13.5px;line-height:1.9}
.yanxi-about-sections .project-level{margin-bottom:7px;color:#365f92;font-weight:750}
.yanxi-about-builders{grid-column:2;display:grid;gap:12px}
.yanxi-about-builders b{font-size:17px;color:#18375f}
.yanxi-about-actions{grid-column:2;display:flex;gap:10px;margin-top:21px}

/* ui29: old hero affiliation and pseudo-footer are intentionally retired */
.yanxi-affiliation{display:none!important}

@media(max-width:800px){
  .institution-support-section{padding:50px 0 54px}
  .institution-support-grid{grid-template-columns:1fr}
  .institution-builders{padding-right:0!important}
  .institution-project{padding-left:0!important;border-left:0;border-top:1px solid #dfe8f3}
  .institution-support-grid>div{padding:26px 0 28px}
  .yanxi-footer-top{display:grid;gap:16px;align-items:start}
  .yanxi-footer-links{justify-content:flex-start;gap:11px 16px}
  .yanxi-footer-builders,.yanxi-footer-project{grid-template-columns:1fr;gap:5px}
  .yanxi-footer-bottom{display:grid;gap:7px}
  .yanxi-about-hero{padding:58px 0 50px}
  .yanxi-about-hero h1{font-size:40px}
  .yanxi-about-lead{font-size:14px}
  .yanxi-about-hero blockquote{font-size:20px}
  .yanxi-about-sections>section{grid-template-columns:1fr;gap:9px}
  .yanxi-about-sections>section>span,.yanxi-about-sections h2,.yanxi-about-sections h3,.yanxi-about-sections p,.yanxi-about-builders,.yanxi-about-actions{grid-column:1}
  .yanxi-about-sections>section>span{grid-row:auto;padding-top:0}
}


/* ui30 responsive overrides */
@media(max-width:800px){
  .institution-support-section{padding:38px 0 40px}
  .institution-support-head{margin-bottom:18px}
  .institution-support-head h2{font-size:24px}
  .institution-builders-row{grid-template-columns:1fr}
  .institution-builders-row>.institution-kicker{padding:17px 0 10px}
  .institution-builder-list{grid-template-columns:1fr;border-left:0}
  .institution-builder-item{min-height:auto;padding:13px 0;border-right:0;border-top:1px solid #e3eaf3}
  .institution-project-row{grid-template-columns:1fr;gap:10px;padding:18px 0}
  .institution-project-meta{flex-wrap:wrap}
  .institution-project-row h3{font-size:15.5px}
  .institution-project-row p{text-align:left}
  .yanxi-footer-top{display:grid;gap:14px;align-items:start}
  .yanxi-footer-links{justify-content:flex-start;gap:10px 15px}
  .yanxi-footer-builders-line{display:grid;gap:5px}
  .yanxi-footer-bottom{display:grid;gap:7px}
}


/* v2.7.0-ui31 — project support moves above final open-Skills CTA; builders live only in footer */
.home-project-support{
  background:#f7fafe;
  border-top:1px solid #e3ebf5;
  border-bottom:1px solid #e3ebf5;
  padding:22px 0;
}
.home-project-support-inner{
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 145px;
  align-items:center;
  gap:28px;
}
.home-project-support-label span{
  display:block;
  margin-bottom:5px;
  color:#7890ad;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.home-project-support-label b{
  display:block;
  color:#355b8a;
  font-size:12.5px;
  line-height:1.45;
  font-weight:750;
}
.home-project-support h3{
  margin:0;
  color:#15345e;
  font-size:15.5px;
  line-height:1.55;
  font-weight:700;
  letter-spacing:-.01em;
}
.home-project-support-code{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:7px;
  white-space:nowrap;
}
.home-project-support-code small{
  color:#8293aa;
  font-size:10.5px;
}
.home-project-support-code strong{
  color:#245fae;
  font-size:12.5px;
  letter-spacing:.055em;
}
/* The final CTA now immediately follows the research-support strip. */
.home-project-support + .closing-band-v2{
  border-top:0!important;
}
/* Builder identities are intentionally presented once, in the footer. */
.yanxi-footer-label{min-width:72px}

@media(max-width:900px){
  .home-project-support{padding:19px 0}
  .home-project-support-inner{grid-template-columns:1fr;gap:8px}
  .home-project-support-label span{margin-bottom:3px}
  .home-project-support h3{font-size:14.5px}
  .home-project-support-code{justify-content:flex-start;margin-top:1px}
}


/* v2.7.0-ui32 — fuse research support + final open-Skills CTA into one compact closing block */
.home-closing-fusion{
  background:#f6f9fd;
  border-top:1px solid #e1e9f3;
  padding:34px 0 42px;
}
.home-closing-fusion-inner{max-width:1240px}
.home-closing-support-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:36px;
}
.home-closing-support-copy{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  align-items:center;
  gap:28px;
  min-width:0;
}
.home-closing-support-copy>span{
  color:#315f98;
  font-size:15px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.01em;
}
.home-closing-support-copy h2,
.home-closing-cta-copy h2{
  margin:0;
  color:#0d2d5e;
  font-size:20px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:-.018em;
}
.home-closing-project-code{
  display:flex;
  align-items:baseline;
  gap:9px;
  white-space:nowrap;
}
.home-closing-project-code small{
  color:#8294ad;
  font-size:12px;
}
.home-closing-project-code strong{
  color:#2467c8;
  font-size:16px;
  letter-spacing:.055em;
}
.home-closing-rule{
  height:1px;
  margin:24px 0 26px;
  background:#dfe7f1;
}
.home-closing-cta-row{
  display:grid;
  grid-template-columns:minmax(360px,1.1fr) minmax(360px,.9fr) auto;
  align-items:center;
  gap:32px;
}
.home-closing-cta-copy p{
  margin:7px 0 0;
  color:#7285a1;
  font-size:14px;
  line-height:1.65;
}
.home-closing-capabilities{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:0;
  color:#48698f;
  font-size:14px;
  font-weight:700;
}
.home-closing-capabilities span{
  position:relative;
  padding:0 16px;
  white-space:nowrap;
}
.home-closing-capabilities span:first-child{padding-left:0}
.home-closing-capabilities span:last-child{padding-right:0}
.home-closing-capabilities span+span:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:13px;
  transform:translateY(-50%);
  background:#ccd8e7;
}
.home-closing-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 2px 0 18px;
  color:#145dbc;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}
.home-closing-link b{
  font-size:18px;
  transition:transform .18s ease;
}
.home-closing-link:hover b{transform:translateX(3px)}
/* The fused block itself owns the breathing room before the footer. */
.home-closing-fusion + .yanxi-site-footer{margin-top:0!important}
.yanxi-footer-shell{padding-top:30px!important}

@media(max-width:1050px){
  .home-closing-support-copy{grid-template-columns:1fr;gap:6px}
  .home-closing-cta-row{grid-template-columns:1fr auto;gap:20px 28px}
  .home-closing-capabilities{justify-content:flex-start;grid-column:1/2}
  .home-closing-link{grid-column:2/3;grid-row:1/3}
}
@media(max-width:700px){
  .home-closing-fusion{padding:27px 0 32px}
  .home-closing-support-row{grid-template-columns:1fr;gap:12px}
  .home-closing-support-copy h2,.home-closing-cta-copy h2{font-size:18px}
  .home-closing-project-code{justify-content:flex-start}
  .home-closing-rule{margin:20px 0 21px}
  .home-closing-cta-row{grid-template-columns:1fr;gap:16px}
  .home-closing-capabilities{grid-column:auto;justify-content:flex-start;gap:8px 0;font-size:13px}
  .home-closing-link{grid-column:auto;grid-row:auto;padding-left:0;min-height:34px}
  .yanxi-footer-shell{padding-top:25px!important}
}


/* v2.7.0-ui33 — CTA first, project support second; no divider line */
.home-closing-fusion .home-closing-rule{display:none!important}
.home-closing-fusion .home-closing-support-row{margin-top:30px!important}
@media(max-width:700px){
  .home-closing-fusion .home-closing-support-row{margin-top:24px!important}
}

/* ui35: restore the compact Hero project attribution with the project number only. */
.yanxi-affiliation{display:block!important}