:root{--theme-color-f5faf8:#f5faf8;--theme-color-243532:#243532;--theme-color-24443d:#24443d;--theme-color-81948e:#81948e;--theme-color-6d8a81:#6d8a81;--theme-color-cfe2dc:#cfe2dc;--theme-color-fff:#fff;--theme-color-d3e1dd:#d3e1dd;--theme-color-dcefe9:#dcefe9;--theme-color-205448:#205448;--theme-color-eef7f4:#eef7f4;--theme-color-397264:#397264;--theme-color-365d54:#365d54;--theme-color-e5f2ee:#e5f2ee;--theme-color-9fcbbf:#9fcbbf;--theme-color-dbe9e4:#dbe9e4;--theme-color-b8cdc625:#b8cdc625;--theme-color-33453f:#33453f;--theme-color-4f9280:#4f9280;--theme-color-266b5d:#266b5d;--theme-color-9ac9bb:#9ac9bb;--theme-color-a15555:#a15555;--theme-color-eef8f5:#eef8f5;--theme-color-9ecfc0:#9ecfc0;--theme-color-e2f1ec:#e2f1ec;--theme-color-79938b:#79938b;--theme-color-bdccc6:#bdccc6;--theme-color-68aa96:#68aa96;--theme-color-dce9e4:#dce9e4;--theme-color-526960:#526960;--theme-color-a64b4b:#a64b4b;--theme-color-fff0f0:#fff0f0;--theme-color-0003:#0003;--theme-color-fff9:#fff9;--theme-color-b8cdc614:#b8cdc614;--theme-color-29473f:#29473f;--theme-color-6e9789:#6e9789;--theme-color-516b63:#516b63;--theme-color-e6f0ec:#e6f0ec;--theme-color-f3faf7:#f3faf7;--theme-color-fff8f5:#fff8f5;--theme-color-8a633d:#8a633d;--theme-color-d3e5df:#d3e5df;--theme-color-d93838:#d93838;--theme-color-b91f1f:#b91f1f;--theme-color-f4fbf8:#f4fbf8;--theme-color-d9e9e3:#d9e9e3;--theme-color-eff9f5:#eff9f5;--theme-color-319873:#319873;--theme-color-263832:#263832;--theme-color-71817c:#71817c;--theme-color-30443d:#30443d;--theme-color-82928d:#82928d;--theme-color-328d6e:#328d6e;--theme-color-e1ebe7:#e1ebe7;--theme-color-344640:#344640;--theme-shadow-soft:rgba(29,75,59,.035);--theme-color-abd8c7:#abd8c7;--theme-color-e8f3ef:#e8f3ef;--theme-color-288e6b:#288e6b;--theme-color-87938f:#87938f;--theme-color-32a97a:#32a97a;--theme-color-d6e7e1:#d6e7e1;--theme-color-348568:#348568;--theme-color-7d8d87:#7d8d87;--theme-color-90a09b:#90a09b;--theme-color-4d8673:#4d8673;--theme-color-6c7c76:#6c7c76;--theme-color-9caaa5:#9caaa5;--theme-shadow-panel:rgba(29,75,59,.045);--theme-color-159b6d:#159b6d;--theme-color-1e2926:#1e2926;--theme-color-e7f4ee:#e7f4ee;--theme-color-3d9978:#3d9978;--theme-color-428d73:#428d73;--theme-color-44534f:#44534f;--theme-color-f3f6f5:#f3f6f5;--theme-color-64716d:#64716d;--theme-color-12a46f:#12a46f;--theme-color-dce6e2:#dce6e2;--theme-color-56625e:#56625e;--theme-color-edf1ef:#edf1ef;--theme-color-36ae81:#36ae81;--theme-color-9ba8a4:#9ba8a4;--theme-color-60706b:#60706b;--theme-color-1da378:#1da378;--theme-color-ffb521:#ffb521;--theme-color-293532:#293532;--theme-color-50605b:#50605b;--theme-color-53625e:#53625e;--theme-color-38b582:#38b582;--theme-color-7a8582:#7a8582;--theme-color-f6b51b:#f6b51b;--theme-color-e8efec:#e8efec;--theme-color-35423f:#35423f;--theme-color-687771:#687771;--theme-color-74817d:#74817d;--theme-color-3d4946:#3d4946;}
*{box-sizing:border-box}body{margin:0;background:var(--theme-color-f5faf8);color:var(--theme-color-243532);font:14px system-ui,-apple-system,"Microsoft YaHei",sans-serif}.shell{width:min(calc(100% - 36px),1172px);margin:auto}header{width:100%;min-height:92px;display:flex;align-items:center;gap:16px}.brand{color:var(--theme-color-24443d);text-decoration:none;min-width:130px;padding-left:2ch}.brand strong{display:block;font-size:19px}.brand small{color:var(--theme-color-81948e)}.brand-subtitle{display:block;color:var(--theme-color-6d8a81);font-size:12px;font-style:normal;margin-top:3px}#search{display:flex;flex:1 1 auto;width:auto;min-width:240px;max-width:none;border:1px solid var(--theme-color-cfe2dc);background:var(--theme-color-fff);border-radius:10px;overflow:hidden}input,select{font:inherit;border:1px solid var(--theme-color-d3e1dd);border-radius:7px;padding:9px;width:100%;background:var(--theme-color-fff)}#search input{border:0;border-radius:0}button{font:inherit;border:0;border-radius:7px;background:var(--theme-color-dcefe9);color:var(--theme-color-205448);padding:8px 13px;cursor:pointer}#search button{border-radius:0}.header-ad{width:468px;height:60px;flex:0 0 468px;overflow:hidden;border-radius:4px;background:var(--theme-color-eef7f4)}.header-ad-item{display:block;width:100%;height:100%}.header-ad-item.is-hidden{display:none}.header-ad img{display:block;width:468px;height:60px;object-fit:cover}.header-right{margin-left:auto;min-width:180px;flex:0 0 180px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:8px}nav{display:flex;align-items:center;gap:13px;white-space:nowrap}a{color:var(--theme-color-397264);text-decoration:none}.category,#surfing{margin:20px 0 30px}.category h2,#surfing h2{position:relative;font-size:15px;margin:0 0 12px;padding:8px 12px;width:132px;text-align:center;color:var(--theme-color-365d54);background:var(--theme-color-e5f2ee);border-bottom:2px solid var(--theme-color-9fcbbf);border-radius:6px 6px 0 0}.cards{display:flex;flex-wrap:wrap;gap:10px}.site{position:relative;width:132px;height:72px;border:1px solid var(--theme-color-dbe9e4);background:var(--theme-color-fff);border-radius:10px;box-shadow:0 2px 5px var(--theme-color-b8cdc625);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--theme-color-33453f);gap:4px;overflow:hidden}.save-recommendation{position:absolute;right:6px;top:2px;font-size:18px;line-height:18px;color:var(--theme-color-4f9280);z-index:2;cursor:pointer}.save-recommendation:hover{color:var(--theme-color-266b5d)}.site:hover{border-color:var(--theme-color-9ac9bb)}.site img,.fallback{width:25px;height:25px;object-fit:contain}.fallback{display:none;background:var(--theme-color-dcefe9);border-radius:50%;place-items:center;color:var(--theme-color-397264)}.site span:not(.delete){max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site em{font-style:normal;font-size:11px;color:var(--theme-color-4f9280)}.delete{position:absolute;right:6px;top:2px;color:var(--theme-color-a15555);font-size:18px}.edit-only{display:none}.editing .edit-only{display:inline-flex}.editing .add{display:inline-flex;align-items:center;justify-content:center;width:92px;height:72px;background:var(--theme-color-eef8f5);border:1px dashed var(--theme-color-9ecfc0);color:var(--theme-color-397264)}.editing #categories .site{cursor:grab}.category .cards{position:relative;padding-right:38px}.category.has-more .cards{padding-right:38px}.site[hidden]{display:none!important}.site.is-extra{display:flex}.category.expanded .site.is-extra{display:flex}.more{width:28px;height:72px;padding:4px 2px;font-size:12px;line-height:1.2;background:var(--theme-color-e2f1ec);color:var(--theme-color-397264);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:3px;align-items:center;justify-content:center}.category-more{position:absolute;right:0;top:0;width:28px;height:144px;flex:0 0 28px}.category-tools{position:absolute;left:calc(100% + 12px);top:8px;display:none;font-size:12px;color:var(--theme-color-79938b);font-weight:normal;white-space:nowrap}.editing .category-tools{display:inline-flex;gap:6px;align-items:center}#add-category{margin-bottom:0}.switch input{display:none}.switch i{display:block;width:34px;height:19px;border-radius:10px;background:var(--theme-color-bdccc6);position:relative}.switch i:after{content:"";width:15px;height:15px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:.2s}.switch input:checked+i{background:var(--theme-color-68aa96)}.switch input:checked+i:after{left:17px}#surfing h2 button{position:absolute;left:150px;top:5px;font-size:12px;padding:4px 8px;margin-left:8px;writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap}footer{border-top:1px solid var(--theme-color-dce9e4);padding:24px 0 32px;color:var(--theme-color-81948e);font-size:12px;text-align:center;line-height:2}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:0 18px}.footer-links a{color:var(--theme-color-81948e)}.footer-meta{margin-top:5px}.auth-modal-trigger{cursor:pointer}.auth-modal-trigger:hover{color:var(--theme-color-397264);text-decoration:underline}.auth-embed{width:100%;min-height:0;margin:0;background:var(--theme-color-fff);border:0;padding:24px 26px}.auth-embed h1{font-size:22px;margin:0 0 6px}.auth-embed p{margin:6px 0 12px}.auth-embed form{gap:10px}.auth-embed input{padding:8px}.auth-embed small{display:block;margin-top:10px}.auth form{display:grid;gap:15px}.auth label,#modal label{display:grid;gap:6px;color:var(--theme-color-526960)}.auth button{margin-top:4px}.captcha-row{display:flex;align-items:center;gap:8px}.captcha-row input{min-width:0;flex:1}.captcha-row img{width:100px;height:36px;flex:0 0 100px;cursor:pointer;border-radius:7px}.captcha-login-row .remember-login{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;white-space:nowrap;color:var(--theme-color-526960)}.captcha-login-row .remember-login input{width:auto;padding:0;margin:0}.captcha-register-row input{flex:0 1 50%}.error{color:var(--theme-color-a64b4b);background:var(--theme-color-fff0f0);padding:9px;border-radius:6px}dialog{border:0;border-radius:12px;box-shadow:0 12px 40px var(--theme-color-0003);width:min(420px,90vw)}#auth-dialog{width:min(430px,92vw);padding:0;overflow:hidden}#auth-form{position:relative;padding:0}#auth-frame{display:block;width:100%;height:460px;border:0}.dialog-close{position:absolute;right:10px;top:8px;z-index:2;border-radius:50%;background:var(--theme-color-fff9);font-size:20px;padding:0 8px;color:var(--theme-color-526960)}#modal form{display:grid;gap:12px}menu{display:flex;justify-content:end;gap:8px;margin:0;padding:0}@media(min-width:1586px){.header-right{margin-right:0}}@media(max-width:700px){.shell{width:min(calc(100% - 24px),1550px)}header{gap:12px;flex-wrap:wrap;padding:15px 0}.brand{min-width:auto}#search{order:2;min-width:100%;width:100%;max-width:none}.header-ad{order:3;width:100%;max-width:468px;flex-basis:468px}.header-right{order:4;width:100%;min-width:0;flex:1 1 100%}nav{margin-left:auto}.site{width:112px;height:68px}}
#categories{position:relative}.category-actions{position:absolute;left:300px;top:0;display:none;gap:6px;white-space:nowrap}.editing .category-actions{display:inline-flex}.category-actions button{padding:8px 13px}
.category-actions button{margin-bottom:0}

.header-right{position:relative}.header-actions{position:absolute;right:0;bottom:calc(100% + 6px);display:none;gap:6px;z-index:5;white-space:nowrap}.editing .header-actions{display:flex}
.editing .header-actions{display:flex!important;visibility:visible!important;opacity:1!important}.editing .header-actions button{display:inline-flex!important;visibility:visible!important}

.header-actions{position:absolute;right:0;top:calc(100% + 10px);display:none;flex-direction:column;align-items:flex-end;gap:10px;z-index:20;white-space:nowrap}.editing .header-actions{display:flex!important}.header-actions button{display:block!important;margin:0!important}

.header-actions{position:absolute;right:0;top:calc(100% + 10px);flex-direction:column;align-items:flex-end;gap:10px;z-index:9999;white-space:nowrap}

.category h2 .header-actions{position:static;display:none;flex-direction:row;align-items:center;gap:8px;margin-left:8px;vertical-align:middle;white-space:nowrap}.editing .category h2 .header-actions{display:inline-flex!important}.category h2 .header-actions button{display:inline-flex!important;margin:0!important}
/* 独立内容页 */
.simple-page{min-height:100vh}.simple-page header{min-height:92px}.simple-page-card{max-width:900px;margin:26px auto 34px;padding:32px 38px;background:var(--theme-color-fff);border:1px solid var(--theme-color-dbe9e4);border-radius:12px;box-shadow:0 4px 18px var(--theme-color-b8cdc614)}.simple-page-card h1{margin:8px 0 24px;color:var(--theme-color-29473f);font-size:26px;font-weight:600}.simple-page-path{margin:0;color:var(--theme-color-6e9789);font-size:12px}.simple-page-content{min-height:220px;color:var(--theme-color-516b63);font-size:15px;line-height:2;white-space:normal}.simple-page footer{margin-top:20px}@media(max-width:700px){.simple-page-card{margin:14px 0 24px;padding:24px 20px}.simple-page-card h1{font-size:22px}}
/* 移动端分类栏：三列排列，更多按钮移至分类标题右侧 */
@media(max-width:700px){#categories .category .cards{padding-right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#categories .category .site{width:100%;height:68px;min-width:0}#categories .category .site[hidden]{display:none!important}#categories .category .drop-placeholder{width:100%;min-width:0}#categories .category .category-more{display:none!important}}

.category-more.is-visible{display:flex!important;visibility:visible!important;opacity:1!important}


.category .cards>.header-actions{position:static;display:none;align-items:center;gap:6px;flex:0 0 auto;margin:0;width:auto;height:72px}
.editing .category .cards>.header-actions{display:inline-flex!important}
.category-tools button,.category-tools .add{padding:8px 13px;margin:0;line-height:normal}


/* 编辑操作按钮布局：顶部操作位于右上角开关下方，分类操作与标题同行 */
.header-right .header-actions{position:absolute;right:0;bottom:calc(100% + 6px);top:auto;display:none;z-index:20;white-space:nowrap}
.editing .header-right .header-actions{display:inline-flex!important;align-items:center;gap:6px}
.category h2 .category-tools{top:0;left:calc(100% + 10px);z-index:20;height:100%;display:none;align-items:center;gap:6px}
.editing .category h2 .category-tools{display:inline-flex!important}
.category h2 .category-tools button,.category h2 .category-tools .add{box-sizing:border-box;border:0;border-radius:7px;background:var(--theme-color-dcefe9);color:var(--theme-color-205448);padding:8px 13px;line-height:normal;white-space:nowrap;box-shadow:none}
.category h2 .category-tools .add{border:0;background:var(--theme-color-dcefe9)}


.header-right{overflow:visible;z-index:30}
.header-right .header-actions{top:calc(100% + 8px);right:0;display:none!important;flex-direction:column;align-items:flex-end;gap:6px;visibility:hidden;opacity:0}
.editing .header-right .header-actions{display:flex!important;visibility:visible!important;opacity:1!important}
.editing .header-right .header-actions button{display:inline-flex!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important}
.category h2 .category-tools .add{width:auto!important;height:auto!important;min-height:0!important;border:0!important;border-style:solid!important;background:var(--theme-color-dcefe9)!important;color:var(--theme-color-205448)!important;box-shadow:none!important}

/* HTML 批量导入预览确认 */
#import-dialog{width:min(1100px,96vw);max-height:92vh;padding:20px;overflow:auto}#import-form{display:grid;gap:12px}#import-preview{min-width:0}.import-summary{padding:9px 11px;border-radius:7px;background:var(--theme-color-eef8f5);color:var(--theme-color-397264)}.import-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.import-bulk select{width:auto;min-width:150px;padding:7px}.import-table{max-height:360px;overflow:auto;border:1px solid var(--theme-color-dce9e4);border-radius:8px}.import-table table{width:100%;min-width:900px;border-collapse:collapse;font-size:12px}.import-table th,.import-table td{padding:7px;border-bottom:1px solid var(--theme-color-e6f0ec);text-align:left;vertical-align:top}.import-table th{position:sticky;top:0;background:var(--theme-color-f3faf7);z-index:1}.import-table input,.import-table select{min-width:110px;padding:6px;font-size:12px}.import-table td:nth-child(2) input{min-width:130px}.import-table td:nth-child(3) input{min-width:210px}.import-invalid{background:var(--theme-color-fff8f5)}.import-confirm-note{color:var(--theme-color-8a633d);font-size:12px}.import-captcha{display:flex;align-items:center;gap:8px}.import-captcha input{width:130px}.import-captcha img{width:118px;height:40px;border:1px solid var(--theme-color-d3e5df);border-radius:6px}@media(max-width:700px){#import-dialog{padding:14px}.import-table{max-height:300px}.import-bulk button{padding:7px 9px}}
/* HTML ??????????? */
.import-table table{min-width:1010px;table-layout:fixed}.import-table th,.import-table td{padding:5px 6px;vertical-align:middle;white-space:nowrap}.import-table th:nth-child(1),.import-table td:nth-child(1){width:44px;text-align:center}.import-table th:nth-child(2),.import-table td:nth-child(2){width:130px}.import-table th:nth-child(3),.import-table td:nth-child(3){width:250px}.import-table th:nth-child(4),.import-table td:nth-child(4){width:250px}.import-table th:nth-child(5),.import-table td:nth-child(5){width:82px}.import-table th:nth-child(6),.import-table td:nth-child(6){width:95px}.import-table th:nth-child(7),.import-table td:nth-child(7){width:60px}.import-table input,.import-table select{min-width:0;width:100%;padding:5px 6px;height:30px}.import-table input[type="checkbox"]{width:auto;height:auto}.import-table td:nth-child(2) input,.import-table td:nth-child(3) input{min-width:0}.import-table td:nth-child(4) select{width:126px;display:inline-block}.import-table td:nth-child(4) label{display:inline-flex;align-items:center;gap:3px;margin-left:5px;font-size:11px}.import-table td:nth-child(4) input[data-import-field="category_name"]{width:100px;margin-left:5px;display:inline-block}.import-table td:nth-child(6){overflow:hidden;text-overflow:ellipsis}.import-table td:nth-child(7) button{padding:5px 7px;white-space:nowrap}

.import-table td:nth-child(5) input{max-width:70px}
/* 设置操作按钮占据账号行上方的正常布局行 */
.header-right .header-actions{position:static;order:-1;display:none;gap:6px;white-space:nowrap}
.editing .header-right .header-actions{display:inline-flex!important;align-items:center;flex-wrap:nowrap}
/* 编辑状态保持与默认状态相同的页头占位，避免搜索框与横幅广告发生位移。 */
.editing .header-right{min-width:180px;flex-basis:180px}
.editing .header-right .header-actions{display:flex!important;width:max-content;max-width:none;flex-wrap:nowrap}
.editing .header-right .header-actions button{display:block;width:auto!important;flex:0 0 auto;white-space:nowrap}
/* 最终覆盖：此前的列方向规则会使按钮纵向排列 */
.editing .header-right .header-actions{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:max-content!important}
.editing .header-right .header-actions>#add-category,.editing .header-right .header-actions>#import-html{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
.editing .category-tools button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2!important;background:var(--theme-color-d93838)!important;color:var(--theme-color-fff)!important}
.editing .category .drop-placeholder{display:inline-flex!important;align-items:center;justify-content:center;width:132px;height:72px;border:1px dashed var(--theme-color-9ecfc0);border-radius:10px;background:var(--theme-color-eef8f5);color:var(--theme-color-397264);font-size:14px;white-space:nowrap}
/* 未开启编辑时，让账户导航底部与横幅广告底部对齐。 */
body:not(.editing) .header-right{transform:translateY(20px)}
/* 编辑操作脱离账户导航的文档流，开关切换时账户导航保持原位。 */
.editing .header-right{transform:translateY(20px)}
.editing .header-right .header-actions{position:absolute!important;top:auto!important;right:0;bottom:calc(100% - 1px)}
/* 编辑时将“修改”与网站名置于同一行，不改变网站卡片尺寸。 */
.editing #categories .site{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--theme-color-33453f);gap:4px}
.editing #categories .site em{position:absolute;right:calc(50% + 24px);top:calc(50% - 23px);margin:0;white-space:nowrap}
/* 仅高亮分类与页头的编辑操作入口 */
.editing .header-actions button,.editing .category-tools button{background:var(--theme-color-d93838)!important;color:var(--theme-color-fff)!important}
.editing .header-actions button:hover,.editing .category-tools button:hover{background:var(--theme-color-b91f1f)!important}
/* 每个分类标题中的“添加网站”按钮 */
.editing .category-tools .add{background:var(--theme-color-d93838)!important;color:var(--theme-color-fff)!important}
.editing .category-tools .add:hover{background:var(--theme-color-b91f1f)!important}
/* 添加网站仅在编辑状态显示；默认即可保持红色，无需悬停 */
.category-tools button.add{background:var(--theme-color-d93838)!important;color:var(--theme-color-fff)!important}
/* 主站页头说明条：恢复深色背景，避免后续页头调整改变此区域的视觉层级。 */
.site-intro-banner{margin:0 -18px;padding:9px 18px;background:var(--theme-color-243532);color:var(--theme-color-f4fbf8);font-size:13px;line-height:1.55;text-align:center}
.category-tools button.add:hover{background:var(--theme-color-b91f1f)!important}
/* 覆盖分类标题中添加网站按钮的既有高优先级浅色规则 */
.category h2 .category-tools button.add{background:var(--theme-color-d93838)!important;color:var(--theme-color-fff)!important}
.category h2 .category-tools button.add:hover{background:var(--theme-color-b91f1f)!important}
/* 移动端：广告容器不得保留桌面固定的 468px 弹性基准，避免页面横向滚动。 */
@media(max-width:700px){
  .header-ad{width:100%;max-width:100%;flex:1 1 100%}
  .header-ad img{width:100%;max-width:100%}
}

/* 主题切换入口与弹窗：仅新增组件样式，不改变既有页面布局参数。 */
.header-guide-links{display:flex;align-items:center;justify-content:flex-end;gap:13px;white-space:nowrap}
.header-guide-links button{padding:0;border:0;border-radius:0;background:transparent;color:var(--theme-color-397264);font:inherit;font-weight:inherit}
.header-guide-links button:hover,.header-guide-links a:hover{text-decoration:underline}
#theme-dialog{width:min(620px,92vw);max-width:92vw;padding:22px;overflow-x:hidden;background:var(--theme-color-fff);color:var(--theme-color-243532)}
.theme-form{display:grid;min-width:0;max-width:100%;gap:16px}.theme-form h2{margin:0;color:var(--theme-color-29473f);font-size:20px}.theme-options{display:grid;min-width:0;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-option{display:block;min-width:0}.theme-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.theme-option>span{display:grid;min-width:0;max-width:100%;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--theme-color-dbe9e4);border-radius:10px;background:var(--theme-color-fff);cursor:pointer}.theme-option input:checked+span{border-color:var(--theme-color-68aa96);background:var(--theme-color-eef8f5)}
.theme-option strong,.theme-option small{grid-column:2;display:block}.theme-option strong{color:var(--theme-color-33453f)}.theme-option small{margin-top:2px;color:var(--theme-color-81948e);font-size:11px}.theme-swatches{grid-row:1 / span 2;display:flex;width:58px;height:34px;overflow:hidden;border:1px solid var(--theme-color-d3e1dd);border-radius:7px}.theme-swatches b{flex:1}.theme-swatches b:nth-child(1){background:#f5faf8}.theme-swatches b:nth-child(2){background:#397264}.theme-swatches b:nth-child(3){background:#dcefe9}
.theme-option-technology .theme-swatches b:nth-child(1){background:#f5f8fa}.theme-option-technology .theme-swatches b:nth-child(2){background:#39699b}.theme-option-technology .theme-swatches b:nth-child(3){background:#dce6ef}
.theme-option-foreign-trade .theme-swatches b:nth-child(1){background:#faf8f5}.theme-option-foreign-trade .theme-swatches b:nth-child(2){background:#9b7139}.theme-option-foreign-trade .theme-swatches b:nth-child(3){background:#efe7dc}
.theme-option-design .theme-swatches b:nth-child(1){background:#faf5f8}.theme-option-design .theme-swatches b:nth-child(2){background:#9b396f}.theme-option-design .theme-swatches b:nth-child(3){background:#efdce7}
.theme-option-game .theme-swatches b:nth-child(1){background:#f7f5fa}.theme-option-game .theme-swatches b:nth-child(2){background:#59399b}.theme-option-game .theme-swatches b:nth-child(3){background:#e4dcef}
.theme-swatches-system b:nth-child(1){background:#f5faf8}.theme-swatches-system b:nth-child(2){background:#39699b}.theme-swatches-system b:nth-child(3){background:#9b396f}
.theme-form menu{padding-top:2px}.theme-form menu button[type="submit"]{background:var(--theme-color-68aa96);color:var(--theme-color-fff)}
@media(max-width:700px){.header-guide-links{margin-left:auto}.theme-options{grid-template-columns:1fr}#theme-dialog{padding:16px}}

.global-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:10px 14px;border:1px solid var(--theme-color-dbe9e4);border-radius:9px;background:var(--theme-color-fff);color:var(--theme-color-81948e);line-height:1.8}.global-navigation-main,.global-navigation-spaces{display:flex;align-items:center;flex-wrap:wrap;gap:0 9px}.global-navigation-main a,.global-navigation-spaces a{color:var(--theme-color-397264);white-space:nowrap}.global-navigation-main a:first-child{font-weight:600}.global-navigation-spaces{justify-content:flex-end}.global-navigation-spaces strong{font-weight:600;color:var(--theme-color-526960);white-space:nowrap}.global-navigation a:hover{text-decoration:underline}@media(max-width:700px){.global-navigation{display:block;margin-bottom:12px;padding:9px 11px}.global-navigation-main,.global-navigation-spaces{justify-content:flex-start;gap:0 7px}.global-navigation-spaces{margin-top:5px}}