/* Three display spaces share content primitives, not a single visual identity. */
:root{--text:#273945;--muted:#66767e;--line:#dde3e4}
.brand-mark{border:0;background:#e6ecea;border-radius:10px;width:40px;height:40px;color:#385c66}.brand-mark:after{display:none}.brand-mark .icon{width:22px;height:22px}.brand{letter-spacing:.5px}.site-header{height:82px;background:#fafbf9}.site-header nav a{color:#586971;font-size:14px}.site-header nav .icon{width:12px;margin-left:8px}.portal-return{font-size:12px;color:#607280;border-right:1px solid #d9e1e6;padding-right:20px;margin-right:7px;white-space:nowrap}.search-trigger{color:#566b77}.site-header .brand small{letter-spacing:1px;color:#657784;font-size:11px}
.river-hero{min-height:550px}.river-hero>.river-image:after{background:linear-gradient(90deg,#f3f5f0f2,#f0f3edb3 34%,#e8efec00 78%)}.river-hero h1{font-size:60px;letter-spacing:5px;line-height:1.4;margin:25px 0}.river-hero p{font-size:15px;color:#4e6970;line-height:2}.river-hero-inner{padding-top:58px;padding-bottom:42px}.river-hero .chapter-label{color:#45666f;font-size:12px}.river-caption{font-size:11px;color:#536f74}.river-hero .button{background:#344f59;border-color:#344f59;padding:12px 23px;font-size:13px}.portal-entries{gap:22px;padding:30px 0 54px}.portal-entry{padding:27px 30px;border-radius:10px;background:#fff;box-shadow:0 5px 20px #29455004}.portal-entry:first-child .entry-number{color:#4779a8}.portal-entry:last-child .entry-number{color:#9d7650}.portal-entry h2{font-size:26px}.portal-entry p{color:#60737b;font-size:13px}.entry-note{font-size:11px;color:#70818a}.home-intro{padding-top:37px;padding-bottom:65px}.home-intro p{color:#63767c;font-size:14px}.home-intro h2{font-size:32px}.site-footer p,.footer-bottom{color:#6f8088}.footer-links{font-size:12px;color:#4f6570}.footer-bottom{font-size:11px}.site-footer{padding-top:28px}.footer-brand{font-size:19px}.footer-bottom button{font-size:11px}
body[data-space="private"]{background:#f7f5f0;--line:#e4dfd4}.life-heading{padding-top:43px}.life-heading h1{color:#3c4946;font-size:41px}.life-heading p{font-size:14px;color:#6b7774}.life-heading-note{color:#7e7c6b;font-size:15px}.life-river{border-radius:12px;min-height:395px}.life-river p{font-size:33px}.life-channel-list{gap:12px}.life-channel-list>a,.life-channel-list>a:first-child{padding:22px 24px;background:#fffdf9;border:1px solid #e4ded3;border-radius:10px;transition:background .2s,border-color .2s}.life-channel-list>a:hover{background:#fff;border-color:#b0b4a8}.life-channel-list h2{font-size:22px;font-weight:500}.life-channel-list p{color:#6e7977;font-size:12px}.life-channel-list small{color:#7a837f;font-size:11px}.channel-icon{background:#e8eee6;color:#5e775f;border-radius:12px}.life-channel-list>a:nth-child(2) .channel-icon{background:#f3e9dc;color:#956d42}.life-channel-list>a:nth-child(3) .channel-icon{background:#e4e9f0;color:#5f7491}.life-bottom{color:#6b7770;padding:35px 0 55px}.life-bottom p{color:#7a867f;font-size:12px}.resource-page-heading p{color:#61716f;font-size:13px}.resource-category{font-size:11px;color:#748079}.tool-card{border-radius:8px;border-color:#e3e1d8;min-height:215px}.tool-card h3{color:#334f54;font-size:16px}.tool-card p{color:#687d7e;font-size:12px}.tool-card>.text-link{color:#557275;font-size:12px}.tool-logo{background:#edf0e8;border-color:#e2e6da;color:#62766d}.tabs a{color:#677772;font-size:12px}.tabs a.active{background:#e5ebe1;border-color:#ccd7c7;color:#405d49}.results-line,.resource-note{color:#6d7e78;font-size:12px}.breadcrumb{font-size:12px;color:#718078}.breadcrumb a{color:#526d61}.about-copy p{color:#61757a;font-size:14px}.about-copy h2{font-weight:500}.about-river{border-radius:10px}.game-info p{color:#657980}
/* Work: independent, neutral and legible. No personal biography or lifestyle navigation. */
body[data-space="work"]{background:#f3f5f8;color:#24344b;--line:#e0e6ee;--accent:#2866ad;--wrap:1440px;font-family:'Segoe UI','Microsoft YaHei',sans-serif}
body[data-space="work"] .site-header{height:80px;background:#fff;border-top:3px solid #244e7b;border-bottom:1px solid #dce3eb}
body[data-space="work"] .brand{font-family:inherit;letter-spacing:0;font-size:22px;font-weight:650;color:#233c59;gap:12px}
body[data-space="work"] .brand-mark{width:42px;height:42px;border-radius:9px;background:#245a91;color:white;box-shadow:0 3px 8px #1d51881a}
body[data-space="work"] .brand small{font-size:10px;letter-spacing:2px;font-weight:400;margin-top:5px;color:#75869a}
body[data-space="work"] .site-header nav{margin-right:auto;margin-left:30px;gap:32px}
body[data-space="work"] .site-header nav a{color:#607086;font-size:14px}
body[data-space="work"] .site-header nav a.active{color:#245f9e;font-weight:600}
body[data-space="work"] .site-header nav a.active:after{height:3px;background:#2866ad}
body[data-space="work"] .work-page{padding-top:31px;padding-bottom:45px;min-height:calc(100vh - 155px)}
.work-page-heading{padding-bottom:25px;border-bottom:0;align-items:center}
.work-kicker{font-size:11px;letter-spacing:1px;color:#6e8095;display:none}
.work-page-heading h1{font-size:28px!important;font-weight:650;letter-spacing:.5px;line-height:1.4;margin:0 0 9px!important;color:#213a57}
.work-page-heading p{font-size:13px;color:#667990;line-height:1.8}
.work-total{color:#697d92;font-size:12px;line-height:1.5;display:block!important;font-family:inherit!important;letter-spacing:0!important;text-align:right}
.work-total b{font-size:26px;font-weight:600;color:#2d4b6d;margin-right:5px;font-variant-numeric:tabular-nums}.work-total>span{display:block;font-size:11px;color:#748599;margin-top:3px}
.work-heading-side{gap:25px}.work-heading-side .button{font-size:12px;border:1px solid #cbd8e7;color:#2d5b8e;border-radius:5px;min-height:40px;padding:9px 15px}
.directory-layout{grid-template-columns:146px minmax(0,1fr);gap:22px;margin-top:5px!important}
.year-sidebar{padding:15px 0;background:#fff;border:1px solid #e0e6ee;border-radius:7px;top:20px}
.sidebar-title{color:#7b8a9b;font-size:11px;letter-spacing:0;margin:0 17px 11px}
.year-sidebar nav{gap:2px}.year-sidebar nav a{border:0;border-left:3px solid transparent;border-radius:0;padding:11px 15px;font-size:13px;color:#5b6d82}.year-sidebar nav a small{font-size:11px;color:#8191a3}
.year-sidebar nav a.active{background:#edf4fc;border-color:#2866ad;color:#245f9e;font-weight:600}.year-sidebar nav a.active small{color:#2866ad}.year-sidebar nav a:hover{background:#f1f5fa;color:#245f9e}
.directory-toolbar{background:white;border:1px solid #e0e6ee;border-radius:7px;padding:13px 16px;gap:16px}.directory-toolbar .inline-search{width:360px;background:#f7f9fc;border-color:#dfe6ef;padding:8px 12px;border-radius:5px}.inline-search input{color:#344b65;font-size:13px}.inline-search input::placeholder{color:#788a9e}.sort-label{font-size:12px;color:#687d92;gap:9px}.sort-label select{font-size:12px;background:white;color:#4b627c;border-color:#dbe3ed;border-radius:4px;padding:7px 10px}.directory-summary{font-size:12px;color:#6a7e94;padding:16px 2px 0}.directory-summary b{color:#2b557f;font-weight:600}.directory-summary>span:last-child{font-size:11px;color:#7f8fa0}
.year-section{padding-top:23px;padding-bottom:8px}.year-heading{margin-bottom:12px;gap:11px}.year-heading h2{font-size:23px;font-weight:650;color:#2b4869;letter-spacing:0;line-height:1.4;font-variant-numeric:tabular-nums}.year-heading h2 span{color:#6c7f94;font-size:12px;margin-left:5px}.year-heading>span:not(.year-line){color:#587390;font-size:11px;background:#e7edf5;padding:1px 7px;border-radius:4px}.year-line{background:#dee5ee}
.year-grid{gap:10px}.compact-project{border:1px solid #dfe6ef;border-radius:7px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.compact-project:hover{border-color:#98b5d7;box-shadow:0 4px 14px #274b7410;transform:translateY(-1px)}
.compact-project>a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:102px;padding:15px 15px 15px 12px;gap:11px}.project-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.compact-project-title{color:#2d435e;font-size:13px;font-weight:600;line-height:1.6;-webkit-line-clamp:2;overflow-wrap:anywhere;padding-right:1px}.compact-project-desc{font-size:11px;color:#73849a;line-height:1.6}.compact-project-arrow{top:auto;right:7px;bottom:6px;color:#9caebe;line-height:1}.compact-project-arrow .icon{width:10px;height:10px}.compact-project:hover .compact-project-title{color:#215c9f}.compact-project:hover .compact-project-arrow{color:#2866ad}
.product-mark{--mark-ink:#386fad;--mark-bg:#eaf2fc;width:36px;height:36px;border-radius:8px;display:inline-grid;place-items:center;position:relative;flex-shrink:0;background:var(--mark-bg);color:var(--mark-ink);overflow:hidden;border:1px solid #233a5410}.product-mark svg{width:21px;height:21px}.product-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}.product-mark img[hidden]{display:none}.mark-teal{--mark-ink:#28827e;--mark-bg:#e7f3f1}.mark-slate{--mark-ink:#697b91;--mark-bg:#edf0f5}.mark-indigo{--mark-ink:#6573ac;--mark-bg:#eeeff8}.mark-amber{--mark-ink:#9b773c;--mark-bg:#f7f1e5}
.year-expand{color:#527292;background:#edf2f8;border:1px solid #dce5ef;border-radius:4px;font-size:11px;padding:6px 16px;margin-top:12px}.year-expand:hover{background:#e3edf8;color:#235f9e}.directory-note{font-size:11px;color:#74869b;line-height:1.8;margin-top:24px;padding-top:17px}.work-footer{border-top:1px solid #dce3ed;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px;color:#7c8c9e;font-size:11px}.work-footer>div{display:flex;gap:25px;align-items:center}.work-footer button{font-size:11px;color:inherit;padding:0}.work-footer .icon{width:12px;height:12px}.work-footer a:hover{color:#2866ad}.empty-state{background:white;color:#687e94;border-color:#cbd8e7}.empty-state h3{color:#425e7b}.empty-state p{font-size:12px}
/* The same icon renderer is used in the editor and display card. */
.manage-product{display:flex;align-items:center;gap:12px;min-width:0}.manage-product>div{min-width:0}.manage-product .product-mark{width:32px;height:32px;border-radius:7px}.manage-product .product-mark svg{width:19px;height:19px}.icon-settings{border:1px solid #dbe3ec;border-radius:6px;padding:16px;margin:0 0 20px}.icon-settings legend{font-size:12px;color:#49627b;padding:0 7px}.icon-editor{display:flex;gap:18px;align-items:center;margin-bottom:12px}.icon-editor .form-pair{flex:1}.icon-editor .form-pair>label{margin:0}.icon-settings>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#647b90}.icon-settings p{font-size:11px;line-height:1.8;color:#75899c;margin-bottom:0}.icon-editor .product-mark{width:48px;height:48px}.icon-editor .product-mark svg{width:27px;height:27px}.settings-section>p{color:#6c8093!important;font-size:12px!important}.manage-body{background:#f3f5f8}.manage-header{background:#fff}.manage-brand{font-family:'Microsoft YaHei',sans-serif;font-size:19px;font-weight:600;color:#2a4765}.manage-table th{background:#edf2f8;color:#60758c}.manage-table td{border-color:#e8edf3}.manage-table tbody tr:hover{background:#f7faff}.manage-table .product-name{color:#314e6d}.manage-table .product-desc{color:#74879b}.manage-table .path-cell{color:#6c8198}.manage-table .row-action{color:#2866ad}.manage-intro p,.manage-footnote,.manage-filters>span{color:#687e93}.settings-section{border-color:#dce4ed;border-radius:7px}.settings-section h2{font-size:18px;font-weight:600;color:#365574}.settings-form input:not([type=checkbox]),.settings-form textarea,.settings-form select,.project-dialog input:not([type=checkbox]),.project-dialog select{background:#fff;border-color:#ced9e5;color:#345470;font-size:13px}.settings-section>label,.form-pair>label,.project-dialog form>label{color:#5b7188}.project-dialog{background:#fff;border-color:#d6e0eb;box-shadow:0 20px 80px #18304c33;border-radius:9px}.project-dialog::backdrop{background:#18304c66}.project-dialog h2{font-weight:600;color:#2d4d6b;font-size:22px}.project-dialog .field-hint{color:#71889d;font-size:11px}.project-dialog form>label>span{color:#6e8398;font-size:10px}.project-dialog label input::placeholder{color:#8c9caf}.manage-notice{color:#576f88;background:#eaf1f9;border-color:#dce6f0}.manage-tabs button{color:#73879b}.manage-tabs button.active{color:#2866ad}.manage-tabs button.active:after{background:#2866ad}.manage-filters select{background:white;color:#4d6883}.manage-header .button.primary,.manage-intro>.button.primary,.project-dialog .button.primary{background:#2c6098;border-color:#2c6098}.manage-table .visible-tag{background:#e7f3ed;color:#4b7c61}.settings-form{max-width:none}.settings-section h2{letter-spacing:0}
@media(min-width:1700px){.compact-project>a{min-height:100px}.compact-project-title{font-size:14px}.compact-project-desc{font-size:12px}}
@media(max-width:1100px) and (min-width:761px){body[data-space="work"] .wrap{width:calc(100% - 48px)}.directory-layout{grid-template-columns:125px minmax(0,1fr);gap:18px}.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-project>a{min-height:98px}.header-inner{gap:20px}body[data-space="work"] .site-header nav{margin-left:16px;gap:24px}.life-channel-list>a{padding:20px}.life-feature{gap:25px}}
@media(max-width:760px){.site-header{height:72px}.brand{font-size:18px}.brand-mark{width:34px;height:34px;border-radius:8px}.portal-return{font-size:11px;padding-right:11px;margin:0}.header-actions{gap:8px}.site-header nav a{font-size:14px}.river-hero{min-height:510px}.river-hero h1{font-size:44px;line-height:1.45;letter-spacing:3px}.river-hero-inner{padding-top:43px}.river-hero p{font-size:14px}.river-hero>.river-image:after{background:linear-gradient(90deg,#f3f5f0ed,#f0f3ed80 75%,#e8efec33)}.river-caption{font-size:10px}.portal-entries{padding-top:24px;gap:14px;padding-bottom:36px}.portal-entry{padding:23px;border-radius:9px}.portal-entry h2{font-size:24px}.portal-entry p{font-size:12px}.home-intro p{font-size:13px}.home-intro h2{font-size:29px}.life-heading h1{font-size:34px}.life-heading p{font-size:13px}.life-river{min-height:305px}.life-river p{font-size:29px}.life-feature{gap:18px}.life-channel-list>a{padding:19px}.life-channel-list h2{font-size:20px}.life-bottom{font-size:15px}.life-bottom p{font-size:11px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px}.tool-card>.text-link{font-size:11px}.tool-card{padding:14px}.resource-category{font-size:10px}.footer-bottom{font-size:9px}.site-footer p{font-size:11px}.about-copy p{font-size:13px}
body[data-space="work"] .site-header{height:72px}body[data-space="work"] .brand{font-size:19px;gap:10px}body[data-space="work"] .brand-mark{width:34px;height:36px}body[data-space="work"] .brand small{font-size:9px;margin-top:3px;letter-spacing:1px}body[data-space="work"] .site-header nav{margin:0}body[data-space="work"] .work-page{padding-top:24px}.work-page-heading{gap:16px;padding-bottom:20px;align-items:center}.work-page-heading h1{font-size:25px!important}.work-page-heading p{font-size:12px;max-width:260px}.work-heading-side{gap:0}.work-total{display:none!important}.work-heading-side .button{font-size:11px;padding:8px 11px;min-height:37px;white-space:nowrap}.directory-layout{grid-template-columns:1fr;gap:15px}.year-sidebar{padding:0;background:none;border:0}.year-sidebar nav{gap:7px;flex-wrap:wrap}.year-sidebar nav a{font-size:12px;padding:7px 12px;background:#fff;border:1px solid #dce4ee;border-radius:4px;gap:10px}.year-sidebar nav a.active{border-color:#b5cce6}.year-sidebar nav a small{font-size:10px}.directory-toolbar{padding:11px;gap:11px;flex-wrap:wrap}.directory-toolbar .inline-search{width:auto;min-width:170px;flex:1}.sort-label{font-size:11px}.sort-label select{font-size:11px;max-width:105px;padding:8px}.directory-summary{font-size:11px;padding-top:14px}.year-heading h2{font-size:23px}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.compact-project>a{padding:13px 14px 13px 12px;gap:10px;min-height:95px}.compact-project-title{font-size:13px}.compact-project-desc{font-size:11px}.product-mark{width:33px;height:33px}.product-mark svg{width:20px;height:20px}.work-footer{align-items:start;flex-direction:column;justify-content:center;padding-top:18px;padding-bottom:18px;gap:8px;font-size:10px}.work-footer>div{gap:22px}.work-footer button{font-size:10px}.directory-note{font-size:11px}.manage-product{gap:8px}.icon-editor{gap:12px}.icon-editor .form-pair{gap:10px}.settings-form{gap:20px}}
@media(max-width:520px){.year-grid{grid-template-columns:1fr;gap:8px}.compact-project>a{min-height:79px;padding:13px 26px 13px 14px;gap:13px}.compact-project-title{font-size:14px;-webkit-line-clamp:unset}.compact-project-desc{font-size:12px}.product-mark{width:36px;height:36px}.compact-project-arrow{bottom:auto;top:50%;right:12px;transform:translateY(-50%)}.compact-project-arrow .icon{width:12px;height:12px}.sort-label{font-size:0}.sort-label select{font-size:11px}.work-page-heading p{max-width:210px}.work-heading-side .button>.icon:first-child{display:none}.work-heading-side .button{padding:8px 10px}.work-page-heading h1{font-size:24px!important}.directory-toolbar .inline-search{min-width:135px}.site-header .brand small{display:none}.brand{font-size:17px}.river-hero h1{font-size:41px}.resource-controls{width:100%}.life-heading h1{font-size:32px}.icon-settings{padding:12px}.icon-editor .product-mark{width:37px;height:37px}.icon-editor .form-pair{gap:8px}.icon-editor select{padding:7px!important;font-size:11px!important}}
@media(max-width:360px){.portal-return{display:none}.work-page-heading p{max-width:180px;font-size:11px}.compact-project-title{font-size:13px}.compact-project-desc{font-size:11px}.river-hero h1{font-size:37px}.brand{font-size:16px}.directory-toolbar .inline-search{padding:8px}.directory-toolbar .inline-search input{font-size:12px}}