网页布局-左侧固定右侧自适应

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网址导航</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <aside class="hui-layout-sidebar">
        <div class="hui-layout-sidebar-header">
            <h1>AI工具集</h1>
            <button type="button" class="hui-sidebar-toggle" id="sidebarToggle" aria-label="收起侧边栏" title="收起侧边栏">
                <span class="hui-sidebar-toggle-icon">◀</span>
            </button>
        </div>
        <div class="hui-layout-sidebar-content">
            <ul>
                <li>
                    <a href="#" class="active"><span class="hui-sidebar-item-icon">🤖</span><span class="hui-sidebar-item-text">AI大模型</span><span class="hui-sidebar-tooltip">AI大模型</span></a>
                </li>
                <li>
                    <a href="#"><span class="hui-sidebar-item-icon">💬</span><span class="hui-sidebar-item-text">AI会话</span><span class="hui-sidebar-tooltip">AI会话</span></a>